Jquery 将表行追加到另一个表行

Jquery 将表行追加到另一个表行,jquery,Jquery,我在页面上有以下标记。我想在这一行之后再追加两行 <tr><td width="48%" align="right" nowrap=""><b>Type it again:</b></td><td width="52%"> <input type="password" autocomplete="off" maxlength="20" size="20" name="passwordagain"><!--

我在页面上有以下标记。我想在这一行之后再追加两行

<tr><td width="48%" align="right" nowrap=""><b>Type it again:</b></td><td width="52%"> <input type="password" autocomplete="off" maxlength="20" size="20" name="passwordagain"><!-- value="" --></td></tr>
再次键入:
下面是我想附加在上面第一个后面的两个

<tr><td width="48%" align="right" nowrap="nowrap"><b>First Name:</b></td><td width="52%"> <input maxlength="35" value="" size="30" name="BillingFirstName"></td></tr>
<tr><td width="48%" align="right" nowrap="nowrap"><b>Last Name:</b></td><td width="52%"> <input name="BillingLastName" size="30" value="" maxlength="35"></td></tr>
名字:
姓氏:
这应该可以:

$('table').append('<tr>row 1</tr><tr>row 2</tr>');
$('table').append('row1行2');

其中
table
是父表。如果您的表中有
tbody
,您可能必须使用它。

假设您确切地知道这两个新行应该是什么,下面是一个快速而肮脏的方法:

$('tr:has(:input[name=passwordagain])') // row in question: no ID to use?
  .after('<tr><td>...First Name...</td></tr>') // to add
  .next()                                      // don't reverse order
  .after('<tr><td>...Last Name...</td></tr>'); // next to add
$('tr:has(:input[name=passwordreach]))//有问题的行:没有要使用的ID吗?
.after(“…First Name…”)//添加
.next()//不要颠倒顺序
.在(“…姓氏…”)之后;//下一步添加
您可以省略
next()
,只需将
.after()
按相反顺序放置,或者将它们放在同一个字符串中,或者放在任意数量的其他变体中


根据您的评论,这应该可以澄清发生了什么。

这是一种简写,意思是“名字”行中的所有其他内容都在这里”。要插入的
的全部内容进入
.after()
调用,并将由jQuery立即插入到带有“PasswordReach”的行之后。我确实展示了两次“名字”;第二个是“姓”。修复了这个问题。@user,请查看我的答案中上面引用的JSFIDLE。它显示了一个有效的解决方案。