我有一张内容表
<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 ×1