这是我正在处理的示例代码：
<td class="one">content</td> <td class="two">content</td> <td class="three">content</td> <td class="four">content</td> <td class="five">content</td>
我可以使用以下方法在第一个td周围包装div：
$('td.one').wrap('<div class="td-one">');
但是,我现在需要将剩余的四个td包装在一个div中…所以期望的结果是：
<div class="td-one">
<td class="one">content</td>
</div>
<div class="td-two-five">
<td class="two">content</td>
<td class="three">content</td>
<td class="four">content</td>
<td class="five">content</td>
</div>
我如何用jQuery做到这一点？
解决方法
惯例是使用一个类来标记每个单元格,这个类将充当jQuery选择器的便利性.
<td class="td-one one">content</td> <td class="td-two-five two">content</td> <td class="td-two-five three">content</td> <td class="td-two-five four">content</td> <td class="td-two-five five">content</td>
然后根据需要,您可以使用单元格组.
$(".td-two-five").hide();
