Как добавить DIV внутри другой DIV

Я хочу, чтобы добавить DIV внутри MYTEXT DIV, но это обновление текста за пределами DIVКак добавить DIV внутри другой DIV

<head> 
<script type="text/javascript" src="jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(function(){ 
var jj= $('body').append('<div class="mytext">') 
jj.append('<div>min</div>') 
jj.append('</div>') 
}) 
</script> 
</head> 
<body> 
</body>

источник

2013-05-28 Carlos

http://stackoverflow.com/questions/8316940/javascript-appending-another-div-data-on-div-tag-dynamically – Nitesh

jj относится к элементу 'body'.

$(function() { 
    var $mydiv = $('<div>min</div>'), 
     $body = $('body'); 
    $body.append('<div class="mytext">'); 
    var $mytext = $body.find('.mytext:last'); 
    $mytext.append($mydiv); 
})

источник

2013-05-28 13:12:14

Потому что OP хочет, возможно, сделать более сложные вещи –

Попробуйте как этот

$(function(){ 
    var jj= $('body').append('<div class="mytext"></div>'); 
    $('.mytext').html('<div>min</div>') ;  
});

источник

2013-05-28 13:11:35 Gautam3164

вы пробовали это ?? .... первый попробовать то downvote это – Gautam3164

Ya, почему downvote ??? –

Я уверен, что это сработает, но я не знаю, почему он отказался от этого – Gautam3164

вам не нужно JJ

<head> 
<script type="text/javascript" src="jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('body').append('<div class="mytext"><div>min</div></div>') 
}) 
</script> 
</head> 
<body> 
</body>

источник

2013-05-28 13:12:05 Ted

да, причина '

min

'является таким динамическим элементом – Ted

Но @ Тед Неплохой и правильный ... Так что я не думаю о downvote ... даже лучше, чем ваши ans даже – Gautam3164

@ Gautam3164 - так что в сравнении, мой ответ заслуживает нисходящего голоса, но ваш нет? используя вашу логику, они оба работают ... поэтому, если я разместил решение, которое использует цикл и обходит DOM 1000 раз, но все равно добавляет один div в другой, я должен получить +1 ... – Ted

var myDiv = $('<div class="mytext"></div>'); 
myDiv.append('<div>min</div>'); 
$('body').append(myDiv);

append функция не добавляет HTML в документ. Он добавляет элементы в дерево объектов документа.

Вы могли бы просто написать это на одной строке, как это, если хотите.

$('body').append('<div class="mytext"><div>min</div></div>');

Boom.

источник

2013-05-28 13:14:47

$(function(){ 
    var jj= $('<div class="mytext"></div>'); 
    body.append(jj.append('<div>min</div>')); 
});

источник

2013-05-28 13:15:33

Как добавить DIV внутри другой DIV

ответ

Смежные вопросы