在 jQuery 中使用 next() x 次

Question

使用 next() 迭代 x 次（每次应用相同的函数）的简单方法是什么？

我在 Sharepoint 工作，对 HTML 的控制有限；我能做的就是通过 ID 找到一个元素，找到最接近的 ，hide() 它，然后转到下一个（我不需要所有 ，只需连续 7 或 8 个）。

下面的代码可以工作，但不是那么漂亮。

$("#my-easily-identifiable-id").closest("td").hide();
$("#my-easily-identifiable-id").closest("td").next().hide();
$("#my-easily-identifiable-id").closest("td").next().next().hide();
$("#my-easily-identifiable-id").closest("td").next().next().next().hide();
[ ... etc ... ]

有什么更好的方法来做到这一点？

谢谢

PS：添加了一个小提琴（天才）

Answer 1

使用 .nextAll() + .andSelf() 与 .slice()。

$("#my-easily-identifiable-id").closest("td").nextAll().andSelf().slice(0, 7);

Answer 2

我认为比迄今为止发布的解决方案更简单的解决方案是 .nextUntil()：

//to get next 8 elements
var i = $('#my-easily-identifiable-id').index();
$('#my-easily-identifiable-id').closest('td').nextUntil('', ':lt(' + (i+8) + ')');

//to get self and next 3
var i = $('#my-easily-identifiable-id').index();
$('#my-easily-identifiable-id').closest('td').nextUntil('', ':lt(' + (i+3) + ')').andSelf();

抓取所有“下一个”元素，直到命中过滤器（在本例中我们选择接下来的 8 个元素）。由 jsFiddle 验证。

Answer 3

我还没有尝试过，但也许以下方法可能有效（我将立即测试）：

$("#my-easily-identifiable-id").siblings().slice($(this).index(),($(this).index() + 8)).hide();

使用 进行测试和验证JS Fiddle 演示。

Answer 4

也许是这样的：

$("#my-easily-identifiable-id").closest("td").hide();
$("#my-easily-identifiable-id").closest("td").nextAll().hide();