Question

我需要在一个id下重新组合两个td。

<table>
  <tr>
    <div id="a1">
      <td></td>
      <td></td>
    </div>
    <div id="a2">
    </div>
  </tr>
</table>

我需要这个在两个td上一次执行jQuery操作。可能吗？还有其他解决办法吗？

Answer 1

作为div的孩子，您不能拥有tr。请改为使用class或data-属性：

<table>
  <tr>
      <td data-group="1" class="group group1"></td>
      <td data-group="1" class="group group1"></td>
      <td data-group="2" class="group group2"></td>
      <td data-group="3" class="group group3"></td>
      <td data-group="4" class="group group4"></td>
      <td data-group="4" class="group group4"></td>
  </tr>
</table>

Answer 2

这似乎更简单，有效的HTML：

<table>
  <tr>
    <td class="a1"></td>
    <td class="a1"></td>
    <td class="a2"></td>
  </tr>
</table>

Answer 3

正如我在评论中所说，这个标记无效。在tr范围内，您可以只有td或th。将类添加到要分组的tds：

<table>
    <tr>
        <td class="a1"></td>
        <td class="a1"></td>
        <td class="a2"></td>
        <td class="a2"></td>
    </tr>
</table>

在jQuery上，您可以使用以下选择器：

$("td.a1")

$("td.a2")

在里面重新组合两个<div>

3 个答案: