2011-08-10 31 views
-4

私はこれを持っていますcode。ユーザーがIDを持つ最初のtd要素の任意の上にID addでのdivに1stjQuery divを追加する必要があります

をクリックしたときに

は今のdivは次のようになります。enter image description here

私はこの画像を追加したので、これは賃金の質問のようになります。 は今TD

とオーバーヘッドのDIVなるようにボックスであることを

contentcontentcontent

とします。

jQueryを使用して追加するにはどうすればよいですか? CODE 私はこれのような何かをしようとしましたが、このdivを追加すると、その上にないdivの隣に来ます。

+0

#1を隠すように?また、IDは数字で始めることはできませんし、trにdivを追加することはできません。ちょうどtdとth – Einacio

+0

名前をランダムに入れます。そして、trにdivを追加することはできませんか? :O – kritya

+0

そしてもし可能でなければ – kritya

答えて

1

使用

$("#add").click(function() { 
    $("#table").prepend("<div class='overhead'>This Is a div above another</div>") 
}); 

また、IDの中の数値を避けるようにしてください。

+0

これは、tdの前にdivを追加しますが、私はそれをtrの上に置いておきます – kritya

+0

したがって、 $( "#add")$ {"#add"} { $( "#1st")。prepend( "

This Is a div above another
") }); – rickyduck

0

あなたはテーブルの中にDIVを置いているようです...私はそれがあなたがすることを意味しないと思いますか?

あなたがしようとしているのは、別のテーブル行(またはおそらくDIV)をあなたのテーブルに置くことです。これは、すでにそこに第一表の行の上に新しいコンテンツで、新しいテーブルの行を追加します

$('#table').prepend('<tr id="before"><td>content</td></tr>'); 

:だからあなたのjqueryの上で、あなたのような何かを言いたいです。

+0

これはtdの前にdivを追加しますが、私はそれをtrより上にします – kritya

関連する問題