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>

Answer 1

jj指的是'body'元素。

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

Answer 2

试试这个

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

Answer 3

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

Answer 4

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

动臂。

Answer 5

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

如何将div附加到另一个div中

5 个答案: