在jquery中的所选行上方添加一行

Question

我正在尝试在jquery中将所选行上方的行添加到表中。如何使用jquery实现这一点。假设表有4行，如果我选择第3行并单击添加行按钮，则应在第3行的顶部上方添加新行。

Answer 1

如果我没有误解你的问题，我已经为此制定了解决方案。我希望这有帮助。另外，请始终在您的问题中提供代码段，因为这有助于找到问题的根源。

以下是虚拟HTML：

<table>
  <tr>
    <td></td>
    <td><button>
      Click1
    </button></td>
  </tr>
  <tr>
    <td></td>
    <td><button>
      Click2
    </button></td>
  </tr>
  <tr>
    <td></td>
    <td><button>
      Click3
    </button></td>
  </tr>
  <tr>
    <td></td>
    <td><button>
      Click4
    </button></td>
  </tr>
</table>

这里是基本的jQuery，如前所述，我使用了insertBefore() jQuery函数：

$('table tr td button').click(function(){
    var appendThis =$("<tr><td>Added</td></tr>"); 
    appendThis.insertBefore($(this).closest("tr"));
});

我希望这会有所帮助。

感谢。