小编use*_*332的帖子

td colspan在使用jquery show/hide()时不起作用

我有一张内容表

<table>
<thead>
  <tr>
    <th>First Name </th>
    <th>Last Name </th>
    <th>Description</th>
  </tr>
</thead>
<tbody>
  <tr class="odd">
    <td>John</td>
    <td>Deo</td>
    <td><a class="personal-checking-more-link">More</a></td>
  </tr>
  <tr><td style="display:none" colspan="3">Description goes for 1st row</td></tr>
  <tr class="odd">
    <td>Jaden</td>
    <td>Aidan</td>
    <td><a class="personal-checking-more-link">More</a></td>
  </tr>
  <tr><td style="display:none" colspan="3">Description goes for 2nd row</td></tr>
</tbody>
Run Code Online (Sandbox Code Playgroud)

当我点击" 更多"时,将显示第1行描述.它表现得很好但是colspan不起作用.

这是我的js代码

personalChecking = function () {
        $('a.personal-checking-more-link').click(function() {
            $(this).parent().parent().next().toggle('slow');
        });

    }
$(document).ready(personalChecking);
Run Code Online (Sandbox Code Playgroud)

提前致谢

jquery

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

jquery ×1