我有桌子,每排我都有另一排dispaly:none
我希望当我点击span
td
row
下一个row
时$('span').click(function()
$(this).closest('tr').next('tr').css('display','block')
})
可见。
我试过了: -
<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>
此开关显示为阻止但tr未正确显示,因为默认情况下显示为块。 当我尝试这个时,下一行宽度是currnet tr的第一列。这个问题是什么?
var incidents = listPaged.Select(items => new
{
items.IncidentId,
items.Title,
items.Description,
items.Count,
IsOwner = items.IsOwner(userName), // this one
IsSent = items.IsSent(userId) //and this one
});
答案 0 :(得分:4)
一个简单的解决方案是将显示设置为空白,如
$('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>
答案 1 :(得分:0)
您可以在jquery中使用parent
选择器
$('span').click(function(){
$(this).parents('tr').next('tr').show();
});
参考HERE