Jquery:从元素中获取下一个元素

时间:2010-10-06 19:06:17

标签: jquery selector next

如何从td rowspan = 4

获取目标

不确定:

$("#fromTd").parent("tr").next().eq($("#fromTd").attr("rowspan")-1)


<table>
   <tr>...</tr>
   <tr>...</tr>
   <tr><td id="fromTd" rowspan="4"></td></tr>
   <tr>...</tr>
   <tr>...</tr>
   <tr>...</tr>
   <tr>...</tr> -> target (can be aleatory position..)
</table>

2 个答案:

答案 0 :(得分:1)

如果您正尝试执行该行似乎正在尝试执行的操作 - 在当前单元格rowspan结束后选择行 - 您只需要nextAll()而不是{{1只返回下一个元素兄弟。

next()

或者,如果你有很多以下行,并且你不想选择它们全部选择一个,那么你可以使用标准DOM var td= $('#fromTd'); var nextr= td.parent().nextAll().eq(td.attr('rowspan')-1); 和{ {1}}属性:

rows

答案 1 :(得分:1)

如果我错了,请纠正我,但听起来你想要的是在X行之后得到下一个<tr>,其中X是给定<td>的行距 - 1.换句话说,你想要<td>不会扩展的下一行。

如果是这种情况,这应该可以解决问题:

var eq = $("#fromTd").attr("rowspan") - 1;
var row = $("#fromTd").parent("tr").nextAll(':eq(' + eq + ')');

这是一个现场演示:http://jsfiddle.net/wLPA9/