如何在使用jQuery的另一张表的行之后插入表格

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中？

大额牛

Answer 1

你会基于选中该复选框选择行：

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

这里假设你只有一个托运 - 你可能更好地考虑单选按钮如果只有一个将被检查。你可以缩小选择范围下跌了

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

（这会假设你已经添加的#container您DOM）

为了此行后追加一个排，使用后（）或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?