JQuery Table Manipulation插入行

Question

簡而言之，我想要做的就是從$（this）作爲一個錶行，找到具有「example」類（不一定是兄弟）的下一個錶行。

I.E.使用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'); 

OR

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

Answer 2

如果您正在構建從字符串的<tr> S，你可以做這樣的事情：

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

因此，而不是一個一個插入表中的行，把它們放在一起作爲一個字符串，使一個jQuery來自該字符串的對象並將其附加到您的表中。

這也可以幫助您提高性能，因爲您只編輯一次DOM。