选择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()。

Answer 2

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

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