jquery - 知道一个元素的 id，如何找到位于同一张表中的另一个元素？

Question

之前我问了以下关于如何使用 JQuery 添加 HTML 表格行的问题，知道表格单元格内元素的 id。

因此，添加新行后，表格现在如下所示：

<table id = "mytable">
  <tr>
     <th>Hiring Manager</th>
     <td><textarea id = "textComments" cols = "15"/></td>
  </tr>
  <tr>
     <td></td>
     <td>
        <span class = "CharCounter">
           <span id="lblCharCounter">Label</span>
           characters (500 max)
        </span>
     </td>
 </tr>

我想知道，知道第一个元素的 id（即textComment），我如何选择位于下一行的第二个元素（即lblCharCounter）？

感谢您的帮助

Answer 1

我可能会选择：

$('#textComment').closest('table').find('.CharCounter')

或（得到那个特定的子span）

$('#textComment').closest('table').find('.CharCounter').children()

或类似的东西——如果你为你想要定位的元素分配一个唯一的类，除了 ID 之外，这是最简单的。

http://api.jquery.com/closest

http://api.jquery.com/find

Answer 2

var $area1 = $("#textComments");

然后使用：

$area1.parent().parent().next().find('#lblCharCounter")