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

Question

如何从 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>

Answer 1

如果我错了，请纠正我，但听起来您想要的是在 X 行之后获取下一个 ，其中 X 是给定 的行跨度> - 1. 换句话说，您希望 不会扩展到下一行。

如果是这种情况，这应该可以解决问题：

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

这是一个现场演示： http://jsfiddle.net/wLPA9/< /a>

Answer 2

如果您尝试执行该行的操作（选择当前单元格 rowspan 末尾之后的行），您只需要 nextAll() 而不是 next()，它只返回紧邻的下一个同级元素。

var td= $('#fromTd');
var nextr= td.parent().nextAll().eq(td.attr('rowspan')-1);

或者，如果您有很多后续行，并且不想选择所有行来选择单个行，则可以使用标准 DOM rows 和 <代码>rowIndex属性：

var nextr= td.closest('table')[0].rows[td[0].parentNode.rowIndex+td[0].rowSpan];