javascript - 从相邻表行获取值

我有一个功能来处理单击单元格的单击。我想提取具有“所需”类的兄弟单元的值。具体如何指定？

 <tr>
     <td class="desired">someValue</td>

     <td><span "clickedcell"></span></td>
     <td></td>

 /tr>

最佳答案

$("span.clickedcell").click(function() {
  var desired = $(this).closest(".desired").text();
  ...
});

或更简单地说：

$("span.clickedcell").click(function() {
  var desired = $(this).parent().prev().text();
  ...
});

此外，如果您想单击单元格中的任何位置，选择器也会更改：

$("td:has(span.clickedcell)").click(function() {
  var desired = $(this).prev().text(); // OR
  var desired2 = $(this).closest(".desired").text();
  ...
});

这可以根据从clickedcell到期望的关系的性质而改变。例如，第二个示例假定所需的始终是先前的同级。如果可能有兄弟姐妹之间或之后，那么显然需要更改遍历以反映这一点。