Как скрыть и показать <td>, который является частью IEnumerable модели tabel в html-списке View

Question

Это @model IEnumerable и зависит от цикла @Foreach (элемент var в модели)

У меня есть несколько кнопок, и я хочу скрыть одну и показать, что другая вторая кнопка не отображается

<style>
    .clv1{
        display: none;
    }
</style>

<td id="cv" class="con1">
    <input type="submit" id="convrt" name="convrt" value="Add To INv No:- @ViewBag.NewINVNo1" class="convrt btn btn-success " />
</td>
<td id="clv" class="clv1">
    <input type="submit" id="cancel" name="cancel" value="Cancel this " class="convt11 btn btn-danger btn-group-sm " />
</td>

Здесь я хочу скрыть кнопку конвертирования и показать кнопку отмены

Я пробовал это в jQuery

$(this).closest('tr td:nth-child(9)').hide();
$(this).closest('tr td:nth-child(10)').show();

, но дочерний элемент 9 скрыт, но он не может показать дочерний элемент.10 нужна помощь

Answer 1

если у вас есть уникальный идентификатор, то вы напрямую применяете скрытие и отображение.

$('#convrt').hide();
$('#cancel').show();