JQuery preend function

Question

Привет всем, возможно, довольно простой вопрос здесь.

Я предваряю <td> в строке таблицы, и я хочу поместить значение селекторов внутрь.

HTML:

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

JS:

$('#tablediv tr:eq(3)').prepend('<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

Я хочу, чтобы добавить значение 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», а не конкатенацию строк, которые могут стать очень грязными очень быстро.