如何用jQuery在表格第n个<td>后包裹<tr/>？指定第二个<td>后包裹<row/>

嗨，我来帮你搞定这两个表格操作的问题！先结合你给出的表格结构，咱们一步步实现对应的需求：

一、在每行第n个<td>之后将后续单元格拆分到新<tr>中 #

首先得明确：直接在<td>后包裹<tr>不符合HTML表格的结构规范（<tr>只能作为<tbody>/<thead>/<tfoot>的子元素），所以正确的逻辑是把每行中第n个<td>之后的所有单元格，移到当前行下方的新<tr>里。

假设你要针对第2个<td>之后的内容处理（可以把n替换成任意你需要的数字），代码如下：

// 定义拆分位置n（比如n=2，即第2个<td>之后）
const splitIndex = 2;

$('.test table tbody tr').each(function() {
  const $currentRow = $(this);
  // 获取当前行中第n个<td>之后的所有单元格（:gt()是0索引，所以用splitIndex-1）
  const $cellsAfterSplit = $currentRow.find(`td:gt(${splitIndex - 1})`);
  
  if ($cellsAfterSplit.length > 0) {
    // 创建新<tr>并移入目标单元格
    const $newRow = $('<tr></tr>').append($cellsAfterSplit);
    // 将新<tr>插入到当前行的后面
    $currentRow.after($newRow);
  }
});

代码说明：

• 遍历表格的每一行<tr>
• 用td:gt(${splitIndex-1})精准选中第n个之后的所有单元格
• 如果存在目标单元格，就生成新行并把单元格移进去，最后插入到当前行下方

二、在每行第二个<td>之后包裹<row/>标签 #

这里的<row>是自定义标签，分两种场景给出实现：

场景1：将第二个<td>之后的所有单元格包裹到<row>中 #

$('.test table tbody tr').each(function() {
  const $currentRow = $(this);
  // 选中每行第二个<td>之后的所有单元格
  const $cellsAfterSecond = $currentRow.find('td:gt(0)');
  
  if ($cellsAfterSecond.length > 0) {
    // 用<row>标签包裹所有目标单元格
    $cellsAfterSecond.wrapAll('<row></row>');
  }
});

场景2：仅在第二个<td>之后插入空的<row>标签 #

如果你的需求只是插入标签而非包裹内容，用这段代码：

// 选中每行的第二个<td>，在其后方插入<row>
$('.test table tbody tr td:nth-child(2)').each(function() {
  $(this).after('<row/>');
});

代码说明：

• td:nth-child(2)可以直接定位到每行的第二个单元格
• .wrapAll()会把选中的元素统一包裹到指定标签内，.after()则是在目标元素后插入新标签

测试你的示例表格 #

把上述代码放到页面的<script>标签中（确保已经引入jQuery库），对你的示例表格执行后：

执行第一个拆分行的代码（splitIndex=2），表格结构会变成： #

<table class="test table">
  <tbody>
    <tr><td>Row 1 col 1</td><td>Row 1 col 2</td></tr>
    <tr><td>Row 1 col 3</td><td>Row 1 col 4</td></tr>
    <tr><td>Row 2 col 1</td><td>Row 2 col 2</td></tr>
    <tr><td>Row 2 col 3</td><td>Row 2 col 4</td></tr>
    <tr><td>Row 3 col 1</td><td>Row 3 col 2</td></tr>
    <tr><td>...</td></tr>
  </tbody>
</table>

执行场景1的包裹<row>代码，每行结构会变成： #

<tr>
  <td>Row 1 col 1</td>
  <td>Row 1 col 2</td>
  <row>
    <td>Row 1 col 3</td>
    <td>Row 1 col 4</td>
  </row>
</tr>

内容的提问来源于stack exchange，提问作者Kallol Das