jquery - 如何将div附加到其他div中

Question

我想在 mytext 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>

score 3 · Accepted Answer

jj 指的是“body”元素。

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

score 1 · Accepted Answer

像这样试试

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

score 0 · Accepted Answer

你不需要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>

score 0 · Accepted Answer

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>');

繁荣。

score 0 · Accepted Answer

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

jquery - 如何将div附加到其他div中

5 回答 5

Related

Reference