Question

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

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

Answer 1

假设您确切知道这两个新行应该是什么，这是一个快速而又肮脏的方式：

$('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

您可以省略next()，只需按相反顺序放置.after()，或将它们粘贴在相同的字符串或任意数量的其他变体中。

根据您的评论，here's a Fiddle应该澄清正在发生的事情。

Answer 2

这应该有效：

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

其中table是父表。如果您在表格中使用tbody，则可能必须使用{{1}}。

将表行附加到另一个表行

2 个答案: