получить значения из соседних строк таблицы

Question

У меня есть функция для обработки щелчка по clickedcell. Я хочу извлечь значение братской ячейки с классом «требуемый». как именно указать?

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

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

 /tr>

Answer 1

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

Answer 2

$("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();
  ...
});

Это может измениться в зависимости от характера отношений от выбранной ячейки до желаемой. Например, во втором примере предполагается, что желаемым всегда является предыдущий брат. Если могут быть промежуточные братья или сестры, или это может произойти после этого, очевидно, необходимо изменить обход, чтобы отразить это.

Answer 3

Попробуйте YUI's DOM коллекция

YAHOO.util.Dom.getNextSibling(curTD);