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

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

関数はappendドキュメントに html を追加しません。ドキュメントオブジェクトツリーに要素を追加します。

ただし、必要に応じて、このように 1 行で記述することもできます。

$('body').append('<div class="mytext"><div>min</div></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

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

jquery - 他の div 内に div を追加する方法

5 に答える 5

Related

Reference