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 Fiddle demo .

并移动这些行并插入到新的表格元素中，在第一个元素之后:

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

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

JS Fiddle demo .

而且，如果您想复制/克隆到新表:

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

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

JS Fiddle demo .

引用文献:

• append() .
• clone() .
• :first selector .
• html() .
• insertAfter() .
• nextUntil() .