javascript - jQuery 嵌套 append

Question

是否可以在 jQuery 中嵌套追加？

我尝试这样做:

var div = $('#ui-container');
var div2 = div.append( $('<div/>').addClass('second') );
var div3 = div2.append( $('<div/>').addClass('third') );

我想要这个:

<div id='ui-container'>
  <div class='second'>
    <div class='third'></div>
  </div>
</div>

但我明白了:

<div id='ui-container'>
  <div class='second'></div>
  <div class='third'></div>
</div>

Answer 1

你必须像下面那样做，

var div = $('#ui-container');
var div2 = $('<div/>').addClass('second').appendTo(div);
var div3 = div2.append($('<div/>').addClass('third'));

通过使用.appendTo()。因为.append()将返回调用append函数的对象。这就是为什么您在您的案例中看到这样的结果。