JQueryのプリペンド機能

Question

こんにちは、おそらくここではかなり簡単な質問です。

テーブル行に<td>を先行させています。セレクタの値を内部に入れたいと思います。

HTML：

<div style='display:none'> 
    <div id='text1'>this is the text</div> 
</div> 

JS：

$('#tablediv tr:eq(3)').prepend('<td></td>'); 

私が作成したTDの内側のdiv値を追加したい：事前に答えを

$('#tablediv tr:eq(3)').prepend('<td>$text1</td>').html(); this does not work. 

感謝。

Answer 1

divのテキストの値を挿入するには、.text()を使用します。次に、あなたの<td>

$('#tablediv tr:eq(3)').prepend('<td>'+$('#text1').text()+'</td>'); 

Answer 2

私が作成したTDの内側のdiv値を追加したい：

このコード：

$('#tablediv tr:eq(3)').prepend('<td></td>'); 

は、行を挿入します - これはあなたのために働いているように見えます。あなたができるtext1のコンテンツを挿入するには

、：

$('#tablediv tr:eq(3)').prepend('<td>' + $("#text1").html() + '</td>'); 

---

可能な代替は、例えば、先頭に付加されたコンテンツを返す、prependToを使用することです：

var cell = $("<td></td>").prependTo($("table tr:eq(3)")); 
cell.html($("#text1").html()); 

に短縮することができます。

$("<td></td>") 
    .prependTo($("table tr:eq(3)")); 
    .html($("#text1").html()); 

（呼び出しの戻り値を使って別の呼び出しを行う）連鎖を使用し、文字列を連結するのではなく、非常に手早くなる可能性が高い "jquery-esq"です。