JQuery：选择包含给定元素的HTML表

Question

假设我有以下HTML

<table id = "mytable">
  <tr>
    <th>Hiring Manager</th>
    <td><textarea id = "textComments" cols = "15"/></td>
  </tr>
</table>

从上面的标记中，我想附加以下行

<tr>
   <td></td>
   <td>
       <span class = "CharCounter">
           <span id="lblCharCounter">Label</span>
           characters (500 max)
       </span>
   </td>
</tr>

我希望能够从 textarea 中选择表格。

感谢帮助

Answer 1

如果你想在表格中添加另一行，找到textarea，然后慢慢地按照你想要的方式工作。要返回元素，只需再次使用.parent（）。

$('#textComments').parent().parent().after('
    <tr>
       <td></td>
       <td>
         <span class = "CharCounter">
           <span id="lblCharCounter">Label</span>
           characters (500 max)
         </span>
      </td>
   </tr>'
);