追加后访问元素 [英] Access Elements After Append

问题描述

我需要在 JQuery 追加后访问 DOM 元素.假设我有这个:

I need to access DOM elements after JQuery append. Let's say I have this:

<ul id="items">
    <li class="item">one</li>
    <li class="item">two</li>
</ul>

然后是 Javascript:

Then is Javascript:

var addItems = function(html) {
    $('#items').append(html);
    //How do I access the new items here?
}

假设 html 是:

<li class="item">three</li>
<li class="item">four</li>

我需要对这两个新项目做些什么.这包括将事件绑定到它们.所以我不能简单地使用 $('.item') 因为这会为现有项目添加双重事件.一旦新项目成为 DOM 的一部分，它们就与现有项目没有任何区别.

I need to do something to the two new items. This something includes binding events to them. So I cannot simply use $('.item') because that will add double events to the existing items. Once the new items are part of the DOM, there is nothing about them that distinguishes them from the existing items.

最好的方法是什么?

推荐答案

在追加之前制作 html 的 jQuery 集合:

Make a jQuery collection of the html before appending it:

var addItems = function(html) {
    var $items = $(html);
    $('#items').append($items);
    $items.foo();
}

这篇关于追加后访问元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！