切换表行会更改其他行中列的宽度

时间:2011-05-25 04:57:44

标签: jquery html-table row toggle

我有一张如下表格:

<table width="100%">
<tr class="clickme">
    <td width="1%">A</td>
    <td>B</td>
    <td width="50px">C</td>
    <td width="50px">D</td>
</tr>

<tr class="contain">
    <td colspan="4">Lorem Ipsum</td>
</tr>
</table>

以下js

$(function(){
    $('.clickme').click(function(){
        $(this).next('tr').toggle();
     });
});

对于Opera来说这很好,但是,在IE和Firefox中,当我切换.contain表格行时,所有.clickme表格行的列宽度发生变化,任何人都知道为什么?< / p>

1 个答案:

答案 0 :(得分:0)

尝试此功能:

$(this).siblings().toggle();