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