2009-08-17 4 views
0

テーブルを別のテーブルの行に動的に追加する必要があります。jqueryを使用して別のテーブルの行の後にテーブルを挿入する方法

たとえば、

私が最初にこの

$('<table id="container"> <tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr> </table>') 
    $('<<tr> <td> </td> <td> <input type="checkbox" /> </td> <td> </td> </tr> >').appendTo('#container'); 

は、今私は、チェックボックスの選択に基づいて行を別のテーブルを追加したいと思います後に続いて、私はテーブルを挿入DIV を作成する(つまり、私は後にテーブルを追加する必要があります選択したチェックボックスの行)

jqueryでこれをガイドできる人はいますか?あなたが選択したチェックボックスに基づいて行を選択することになる

Mithun

+0

あなたのマークアップについて少し混乱し、私はコードの最初の行の末尾に

あるべきと仮定すると、そのよ第2の開始時に<が –

答えて

1

: - あなたは一つだけをチェックする場合は、ラジオボタンを検討する方が良いかもしれ

$(":checked").parents("tr") 

これは一つだけをチェックしている前提としています。 (あなたがダウンし、より

$("#Container :checked").parents("tr") 

は、この行の後に行を追加するには(これはすでにあなたのDOMに#containerを追加したと仮定します)、あなたの選択を絞り込むことができ、使用後の()またはinsertAfter )関数:

$(":checked").parents("tr").after("<tr><td></td></tr>"> 
$("<tr><td></td></tr>").insertAfter($(":checked").parents("tr")); 

テストされていませんが、動作するはずです。

私はこれが欲しいと思っていますが、そうでない場合は、元の投稿を編集して明確にすることができますか?

同様の行を作成する場合は、.clone()関数の使用を検討することができます。この投稿は、事の同じ種類を行い、いくつかのサンプルコードがあります

Is there a preferred way of formatting jQuery chains to make them more readable?

+0

あなたのすべてのお返事ありがとうございます。それは確かに私を助けた。 よろしく、 ミスン – Vidya

関連する問題