访问元素后追加 [英] 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是：

Let's say that html is:

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

我需要做一些事来了两个新项目。这东西包括事件绑定到他们。所以我不能简单地使用$（'项目'），因为这将加倍事件添加到现有的项目。一旦新的项目是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.

什么是做到这一点的最好方法是什么？

What's the best way to do this?

推荐答案

追加之前使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屋！