Javascript JQuery表操作插入行

Javascript JQuery表操作插入行,javascript,jquery,html-table,Javascript,Jquery,Html Table,简而言之,我想做的是从$(this)作为一个表行,查找下一个表行,其中包含一个“example”类(不一定是同级) 也就是说,使用next()查找下一行,其中包含一个“example”类,该类不是同级。如果要从字符串构建这些,可以执行类似操作: var x = ''; for(var i = 0; i < 3; i++) { x += '<li>Test ' + i + '</li>'; } $(x).appendTo('#test'); var x=''

简而言之,我想做的是从
$(this)
作为一个表行,查找下一个表行,其中包含一个“example”类(不一定是同级)


也就是说,使用
next()
查找下一行,其中包含一个“example”类,该类不是同级。

如果要从字符串构建这些
,可以执行类似操作:

var x = '';
for(var i = 0; i < 3; i++) {
    x += '<li>Test ' + i + '</li>';
}
$(x).appendTo('#test');
var x='';
对于(变量i=0;i<3;i++){
x+='
  • 测试'+i+'
  • '; } $(x).附录('测试');
    因此,不要逐个插入表行,而是将它们作为一个字符串放在一起,从该字符串创建一个jQuery对象并将其附加到表中

    这也有助于提高性能,因为您只需编辑一次DOM。

    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>
    


    不幸的是,这些行必须单独添加。我已经重新措辞了这个问题,因为我可能过度解释了lol。不过还是谢谢你
    var current = $('.current').next();
    while(current.size() && !current.hasClass('target')) {
        current = current.next();
    }
    current.css('color', '#0f0');
    
    $('.current').nextAll('.target').last().css('color', '#0f0');