我有表,每一行我都有另一行,是dispaly:none
。
我希望当我单击可见的span
的td
中的row
下一个row
时,可见。
我试过了 :-
$('span').click(function()
$(this).closest('tr').next('tr').css('display','block')
})
此开关显示为阻止,但是tr不能正确显示,因为默认情况下显示为阻止。
当我尝试这个时,下一行的宽度是currnet tr的第一列。有什么问题?
<tr>
<td style="width:40px"></td>
<td><span>show</span></td>
<td></td>
</tr>
<tr "style=display:none">
<td colspan="4" >
<h5>پاسخ دادن</h5>
<textarea style="width:100%;"></textarea>
</td>
</tr>
最佳答案
一种简单的解决方案是将显示器设置为空白
$('span').click(function() {
$(this).closest('tr').next('tr').css('display', '');//or set it as table-row which is the default display for tr
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
<tr>
<td style="width:40px"></td>
<td><span>show</span></td>
<td></td>
</tr>
<tr style="display:none">
<td colspan="3">
<h5>پاسخ دادن</h5>
<textarea style="width:100%;"></textarea>
</td>
</tr>
</table>
关于jquery - 如何找到在td中单击的下一行按钮?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31654355/