从相邻的表行中获取值

Question

我有一个处理点击单元格点击的功能。我想用“期望”类提取兄弟细胞的价值。怎么指定？

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

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

 /tr>

Answer 1

$("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到期望的关系的性质而改变。例如，第二个示例假定所需的始终是前一个兄弟。如果可以有介入的兄弟姐妹，或者可能在那之后，那么显然遍历需要改变以反映这一点。

Answer 2

$(".clickedcell").click(function(){
  $(this).closest("td").siblings(".desired").text();
});

Answer 3

尝试YUI's DOM集合

YAHOO.util.Dom.getNextSibling(curTD);