-1

フォームに追加する以下のコードで説明されているように、jQuery で動的に div を作成しています。 

 var temp = document.createElement("div");
     temp.setAttribute("id", "test");

形：

<form id="test1" method="get">
</form>

テーブルを動的に作成しようとしていますが、これをテーブル内に配置する必要がありますか?

表を動的に形成するには:

 var tableHeader = '<table border="1"> <thead> <tr><th>QueryName</th><th>Description</th><th>Modified Date</th></tr></thead><tbody>';
 $("#test").prepend(tableHeader);

ここで<td>、作成した div 要素が必要な (作成する必要がある) 必要があります。このような：

<table>
...
....
<tr> 
<td>
<div id="test">   // Div  i created dynamically in the top(1st line)
</div>
</td>
</tr>

jQueryでこれを達成するにはどうすればよいですか?

4

6 に答える 6

0

あなたの質問への答えは非常に簡単ですが、あなたが説明し忘れている重要な点があります。どの tr に追加しますか。テーブルに追加するすべての div に対して新しい tr を作成しますか、それとも他のロジックがありますか?

于 2013-06-25T13:45:59.137 に答える
0

@ user2067567、これは健全なアプローチです。DOMに追加する前に、動的テーブルにIDを配置します...

var tableHeader = '<table border="1" id="mtableid"> <thead> <tr><th>QueryName</th><th>Description</th><th>Modified Date</th></tr></thead><tbody>';

...次に、この ID から新しいテーブルを操作するための基点を作成します...

var mtable = $('#mtableid');

...次に、入力したい tr 行を探します...

var firstrow   = mtable.find('tr').eq(1);

...次に、コンテンツを最初の行に追加します...

$('<td><div>...</div></td>').appendTo(firstrow);

これはすべてテストされていませんが、一般的なアイデアを提供するために投稿されています. 詳細が必要な場合はお知らせください。

于 2013-06-25T12:47:43.970 に答える
0

最初にテーブルを作成しませんか? 次に、テーブルを dom に追加します。div を挿入する td に ID を指定します。

$('#td-id').html({div-content-goes-here})。

html() 関数は、その内容を選択した dom ノード内に配置します。append() を使用することもできます。

于 2013-06-25T12:23:17.973 に答える