2011-06-20 18 views
0

は、私は新しい<tr>は、「詳細」をクリックすると1の下に挿入されていることをしたいと思います。​​の代わりに、<tr>の代わりに追加します。どうしましたか?このjsFiddle</p> <p><a href="http://jsfiddle.net/littlesandra88/tZqYX/" rel="nofollow">http://jsfiddle.net/littlesandra88/tZqYX/</a></p> <p>で

私は

$('.row').append("<tr><td>It worked</td></tr>"); 

を行うが、これは

私が

<tr class="row"> 
    <td class="edit-column"><a href="javascript:addRemove('7249');">Details</a> <input value="Save" type="submit"></td> 
</tr> 
<tr><td>It worked</td></tr> 

のためにこれを修正するためにどのように任意のアイデアを期待していた

<tr class="row"> 
    <td class="edit-column"><a href="javascript:addRemove('7249');">Details</a> <input value="Save" type="submit"></td> 
<tr><td>It worked</td></tr></tr> 

になり?

答えて

4

.append.$('.row').after("<tr><td>It worked</td></tr>");が.row行に行を追加されてみてください。 .afterを使用すると、.row行の後に行が挿入されます

+0

大丈夫です。とても興味深い! =)それは機能しましたが、現在の行だけではなく、すべての行の下に挿入されます。これはIDを追加せずに解決できますか?多分 '$(this)'と何らかの形で? –

+0

あなたがクリックした要素を関数に渡し、関数内でどの '.row'を扱っているのかを調べ、' .row'にその行を追加する必要があります。 – dotty

1

基本的に既存の行に追加しようとしています。新しい行をテーブルに追加する必要があります。あるいは、次の$行のようなものを試してみてください。

1

代わりに.after()を試してください。 .append()子リストの末尾に指定された要素INSIDE何かを貼り付けるため

2

.after()代わりの.append()

$('.row').after("<tr><td>It worked</td></tr>"); 
-1

.after()を試しているが、あなたが探しているものと考えられます。 row要素の後にテキストを追加します。

0
$(<tr><td>It worked</td></tr>").insertAfter($('.row')); 
+0

非常に奇妙なエラーが発生していますこれです。関数 'addRemove'は定義されていません。 –

0

あなたがいないあなたは基本的に既存の行に追加しようとしている行自体

0

に、tbody要素に新しい行を追加する必要があります。新しい行をテーブルに追加する必要があります。あるいは、次の$行のようなものを試してみてください。

$('#accTable').append("<tr><td>It worked</td></tr>"); 
関連する問題