我有表,每一行我都有另一行,是dispaly:none
我希望当我单击可见的spantd中的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/

10-12 12:57
查看更多