jquery - jQuery：选择表格区域

Question

我有一个场景，我想一次td从列表中选择一个 2 的区域

我有一张这样的桌子：

<tr>
    <td>R1:C1</td>
    <td>R1:C2</td>
</tr>
<tr>
    <td>R2:C1</td>
    <td>R2:C2</td>
</tr>
<tr>
    <td>R3:C1</td>
    <td>R3:C2</td>
</tr>
<tr>
    <td>R4:C1</td>
    <td>R4:C2</td>
</tr>

例如，我想选择单元格R1:C1以及R2:C1是否将鼠标悬停在这两个之一上，以及当我悬停在其上时R3:C1，R4:C1它会选择单元格R3:C1和R4:C1.

所以基本上，它会威胁到一个有 4 行和 2 列的表，就像一个只有 2 行和 2 列的表

编辑：我想像一个一样连续威胁一组 x 单元格，以便我可以在其上应用事件侦听器

Answer 1

例如，您可以使用类来选择正确的单元格

<tr>
<td class="group1">R1:C1</td>
<td>R1:C2</td>
</tr>
<tr>
<td class="group1">R2:C1</td>
<td>R2:C2</td>
</tr>
<tr>
<td class="group2">R3:C1</td>
<td>R3:C2</td>
</tr>
<tr>
<td class="group2">R4:C1</td>
<td>R4:C2</td>
</tr>

和 jQuery 在悬停时更改背景

$('.group1').hover(
    function(){$('.group1').css('background-color','black');}, 
    function(){$('.group1').css('background-color','white');});
$('.group2').hover(
    function(){$('.group2').css('background-color','black');}, 
    function(){$('.group2').css('background-color','white');});

希望能帮助到你