0

私はこのテーブルを持っています：

<table>
        <tr class="initial" onmouseover="this.className='highlight'" onmouseout="this.className='initial'">
            <td rowspan="2">ELEMENT 1</td>
            <td class="value">val 1</td>
        </tr>
        <tr class="initial" onmouseover="this.className='highlight'" onmouseout="this.className='initial'">
            <td>val2</td>
        </tr>
        <tr class="initial" onmouseover="this.className='highlight'" onmouseout="this.className='initial'">
            <td rowspan="2">ELEMENT 2</td>
            <td>val a</td>
        </tr>
        <tr class="initial" onmouseover="this.className='highlight'" onmouseout="this.className='initial'">
            <td>val b</td>
        </tr>         
    </table>​

マウスが上にあるときに、それぞれのカップルにtr色を付ける必要があります。これは不可能です (たとえば、マウスが ELEMENT 2 セルの上にある場合、"Element 2" と "Value a" セルは色付きで、"Value b" セルは色付きではありません)。要素をグループ化するにはどうすればよいですか? 私が欲しいのは、要素1、値1、または値2のセルにマウスを置いている場合、両方（3つ）のセルに色を付ける必要があるということです。私に何ができる？これが私の問題の例です: http://jsfiddle.net/PA4y6/

4

1 に答える 1

2

1 つの方法は、グループ化する行をラップして<tbody>、リスナーをそれにバインドすることです。

このフィドルを参照してください

于 2012-09-16T18:21:45.447 に答える