Question

我想动态地将div元素附加到表中。我使用下面的代码，但它没有正确追加

HTML

<table id="foo">
  <tr id="row1"><td>FOO</td> </tr>
  <tr id="row2"><td>BAR</td></tr>
  <tr id="row3"><td>APPENDING</td></tr>
  <tr id="row4"><td>ELEMENT</td></tr>
  <tr id="row5"><td>JQUERY</td></tr>
</table>

JQuery的

$("input").on("click",function(){
   console.log($("#row3"))
   $("#row3").append("<tr id='foo1'><td>Appending div</td></tr>");
});

Fiddle example

但代码会将元素追加到该行（ row3 ）。我尝试在元素 row3 之前附加div我只知道元素的ID而 .children（）或.eq（）不能用于此目的。谁能帮我。提前致谢

Answer 1

然后使用.before()：

$("input").on("click", function() {
   $("#row3").before("<tr id='foo1'><td>Appending div</td></tr>");
});

DEMO： http://jsfiddle.net/zX64K/2/

使用jquery将元素附加到子元素

1 个答案: