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

Chaining methods to a newly inserted element via append

本文关键字：插入元素新插入追加方法链接更新时间：2023-09-26

在试图找到这个问题的解决方案时，我遇到了这篇文章，它建议使用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');
});

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

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

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

.bar {
    background: red;
}

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

”元素时，ckeditor 会自动关闭标记