javascript - 2 つの行の間の表の行を選択

Question

js\jquery に関する簡単な質問です。

次のようなテーブルがあります。

<table id="test">
<tr class="divider"><td>Set 1</td></tr>
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
<tr class="divider"><td>Set 2</td></tr>
<tr><td>Row 4</td></tr>
<tr><td>Row 5</td></tr>
<tr><td>Row 6</td></tr>
<tr class="divider"><td>Set 3</td></tr>
<tr><td>Row 7</td></tr>
<tr><td>Row 8</td></tr>
<tr><td>Row 9</td></tr>
</table>

クラス「divider」の行の間の3行のみを選択したい。

ここで jsfiddle を開始しました: http://jsfiddle.net/ZQhBP/1/

nextUntil を使用していますが、正しく動作していないようです

助けてくれてありがとう。

Answer 1

nextUntil()間違いなく動作します：

var pull = $('.divider:first').nextUntil('.divider');
console.log(pull);

JSフィドルデモ。

そして、それらの行を移動して、最初の後に新しいテーブル要素に挿入するには：

var pull = $('.divider:first').nextUntil('.divider');
console.log(pull);

$('<table />').insertAfter('table:first').append('<tbody />').html(pull);

JSフィドルデモ。

また、新しいテーブルにコピー/クローンを作成したい場合は、次のようにします。

var pull = $('.divider:first').nextUntil('.divider');
console.log(pull);

$('<table />').insertAfter('table:first').append('<tbody />').html(pull.clone(true,true));

JSフィドルデモ。

参照：

• append()。
• clone()。
• :firstセレクター。
• html()。
• insertAfter()。
• nextUntil()。

Answer 2

http://jsfiddle.net/ZQhBP/4/

$('#test tr').not('.divider');