0

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>

たとえば、セルを選択し、これら2つのうちのいずれかにカーソルを合わせるか、カーソルを合わせるとセルR1:C1とを選択するかを指定します。R2:C1R3:C1R4:C1R3:C1R4:C1

つまり、基本的には、2行2列のテーブルのように4行2列のテーブルを脅かします。

編集：イベントリスナーを適用できるように、x個のセルのグループを1つのように連続して脅威にさらしたい

4

1 に答える 1

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');});

それが役に立てば幸い

于 2012-11-11T14:34:32.930 に答える