Question

简而言之，我想做的是从$(this)作为一个表格行，找到一个带有“示例”类的下一个表行（不一定是兄弟姐妹）。

即。使用next()查找下一行，其中“example”类不是兄弟。

Answer 1

如果你是从字符串构建那些<tr>，你可以这样做：

var x = '';
for(var i = 0; i < 3; i++) {
    x += '<li>Test ' + i + '</li>';
}
$(x).appendTo('#test');

因此，不是逐个插入表行，而是将它们作为一个字符串放在一起，从该字符串创建一个jQuery对象并将其附加到表中。

这也可以帮助您提高性能，因为您只编辑了一次DOM。

Answer 2

HTML：

<table>
    <tr><td>One</td></tr>
    <tr class="current"><td>Two</td></tr>
    <tr><td>Three</td></tr>
    <tr><td>Four</td></tr>
    <tr class="target"><td>Five</td></tr>
    <tr><td>Six</td></tr>
</table>

JavaScript的：

var current = $('.current').next();
while(current.size() && !current.hasClass('target')) {
    current = current.next();
}
current.css('color', '#0f0');

OR

$('.current').nextAll('.target').last().css('color', '#0f0');

JQuery表操作插入行

2 个答案: