Question

在尝试找到此问题的解决方案时，我遇到了post，建议使用appendTo方法，如下所示：

$('<input[type="text"]').appendTo('div').addClass('foo');

有时我比前者使用append更多。有没有办法可以使用append将方法链接到新插入的元素？

HTML

<div id="foo">
  <input type="text" />
</div>

JS

<a href="#">Add new element</a>

$('body').on('click', 'a', function(e) {
  e.preventDefault();

  $('div').append('<input type="text" />').addClass('bar');
});

Answer 1

如果您仍想使用append，可以将jQuery对象传递给它而不是HTML：

$('div').append($('<input type="text" />').addClass('bar'));

＆＃13;

$('div').append($('<input type="text" />').addClass('bar'));

＆＃13;

.bar {
    background: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

＆＃13;

通过追加将方法链接到新插入的元素

1 个答案: