我需要在 JQuery 追加后访问 DOM 元素。假设我有这个:
<ul id="items">
<li class="item">one</li>
<li class="item">two</li>
</ul>
然后是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>
我需要对这两个新项目做些什么。 This something 包括将事件绑定(bind)到它们。所以我不能简单地使用 $('.item') 因为这会向现有项目添加双重事件。一旦新项目成为 DOM 的一部分,就没有任何东西可以将它们与现有项目区分开来。
执行此操作的最佳方法是什么?
最佳答案
在 append html 之前制作一个 jQuery 集合:
var addItems = function(html) {
var $items = $(html);
$('#items').append($items);
$items.foo();
}
关于javascript - 追加后访问元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5937019/