从相邻的表行中获取值

时间:2009-10-29 15:31:09

标签: javascript jquery

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

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

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

 /tr>

3 个答案:

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

尝试YUI's DOM集合

YAHOO.util.Dom.getNextSibling(curTD);