Question

我需要动态地将表附加到另一个表的一行。

例如。

我首先创建一个div 然后我在此之后插入一个表

  $('<table id="container"> <tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr>  </table>')
   $('<<tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr> >').appendTo('#container');

现在我想根据复选框的选择添加另一个包含行的表（即我需要在所选复选框的行之后添加表）

任何人都可以在jquery中引导我吗？

Mithun

Answer 1

您可以根据所选的复选框选择行：

$(":checked").parents("tr")

这假设您只选中了一个 - 如果只选中一个，您可能最好考虑单选按钮。您可以缩小选择范围

$("#Container :checked").parents("tr")

（这假设您已经将#container添加到您的DOM中）

要在此行后追加一行，请使用after（）或insertAfter（）函数：

$(":checked").parents("tr").after("<tr><td></td></tr>">
$("<tr><td></td></tr>").insertAfter($(":checked").parents("tr"));

未经测试，但应该可以使用。

我认为这是你想要的，但如果没有，你可以编辑原帖以澄清吗？

如果要创建类似的行，可以考虑使用.clone()函数。这篇文章有一些示例代码可以做同样的事情：

Is there a preferred way of formatting jQuery chains to make them more readable?

如何使用jquery在另一个表的行之后插入一个表

1 个答案: