0

快速 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>

我只想选择具有“分隔符”类的行之间的 3 行。

我在这里开始了一个jsfiddle:http: //jsfiddle.net/ZQhBP/1/

我正在使用 nextUntil 但它似乎无法正常工作

谢谢你的帮助。

4

2 回答 2

2

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 小提琴演示

参考:

于 2012-04-25T14:41:47.867 回答
1

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

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

于 2012-04-25T14:34:55.497 回答