Как я могу получить родителя <tr>поля ввода

Question

У меня есть следующая разметка следующим образом: -

<tr>
    <td nowrap="true" valign="top" width="113px" class="ms-formlabel"><span class="ms-h3 ms-standardheader" id="IsthisaRegulatoryRequirement">
        <nobr>IsthisaRegulatoryRequirement</nobr>
    </span>
        </td>
    <td valign="top" width="350px" class="ms-formbody">

        <span dir="none"><textarea rows="6" cols="20" id="IsthisaRegulatoryRequirement_91d0fbb4-c10c-4c6a-9490-cc3d540ead9d_$TextField" title="IsthisaRegulatoryRequirement" class="ms-long"></textarea><br></span>     
    </td>
</tr>

, поэтому на основе идентификатора textarea, как я могу удалить целое <tr> там, где существует текстовое поле с указанным c id?

Answer 1

Обратите внимание: В HTML4 токены ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0- 9]), дефисы ("-"), подчеркивания ("_"), двоеточия (":") и точки (".")

Из вышеприведенного в HTML4, вы не можете иметь $ в атрибуте id value.

Вы можете найти .closest() tr элемента с указанным id .

$('#IsthisaRegulatoryRequirement_91d0fbb4-c10c-4c6a-9490-cc3d540ead9d_TextField').closest('tr').remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td nowrap="true" valign="top" width="113px" class="ms-formlabel">
      <span class="ms-h3 ms-standardheader" id="IsthisaRegulatoryRequirement">
        <nobr>IsthisaRegulatoryRequirement</nobr>
      </span>
    </td>
    <td valign="top" width="350px" class="ms-formbody">
      <span dir="none">
        <textarea rows="6" cols="20" id="IsthisaRegulatoryRequirement_91d0fbb4-c10c-4c6a-9490-cc3d540ead9d_TextField" title="IsthisaRegulatoryRequirement" class="ms-long"></textarea><br>
      </span>     
    </td>
  </tr>
</table>

ИЛИ: Вы также можете использовать .parents()

$('#IsthisaRegulatoryRequirement_91d0fbb4-c10c-4c6a-9490-cc3d540ead9d_TextField').parents('tr').remove()