如何在td中找到下一行按钮?

时间:2015-07-27 13:26:06

标签: jquery html css

我有桌子,每排我都有另一排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
        });

2 个答案:

答案 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