0

テーブルに 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>");
});

フィドルの例

しかし、コードは要素をその行 ( row3 ) に追加します。要素のIDのみを知っている要素row3の前にdivを追加しようとしましたが、 .children()または.eq()はこの目的のために機能していません。誰でも私を助けることができますか？前もって感謝します

4

1 に答える 1

4

.before()次に使用します。

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

デモ: http://jsfiddle.net/zX64K/2/

于 2013-06-06T09:50:42.957 に答える