追加后访问元素

本文介绍了追加后访问元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我需要在 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();
}

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