Question

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

Answer 1

一个简单的解决方案是将显示设置为空白，如

$('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>

Answer 2

您可以在jquery中使用parent选择器

$('span').click(function(){
        $(this).parents('tr').next('tr').show();
    });

参考HERE

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

2 个答案: