javascript - JQuery 表操作插入行

Question

简而言之，我想做的是从 $(this) 作为一个表行，找到具有“example”类(不一定是同级)的下一个表行。

即使用 next() 查找具有非同级类“example”的下一行。

Answer 1

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');

或者

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