JQueryテーブルの操作行の挿入

Question

要するに、$（これ）がテーブル行であるから、 "example"（必ずしも兄弟ではない）クラスの次のテーブル行を見つけてください。

I.E. next（）を使用して、兄弟ではない "example"のクラスを持つ次の行を探します。 、

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

ので、代わりのテーブル行を一つずつ挿入する1つの文字列としてそれらを一緒に入れて、jQueryのを行います。あなたは、文字列からのもの<tr> Sを構築している場合は

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

、あなたはそのような何かを行うことができますその文字列のオブジェクトをテーブルに貼り付けます。

これは、DOMを一度編集するだけで、パフォーマンスにも役立ちます。