附加后的访问元素
我需要在JQuery追加后访问DOM元素。 假设我有这个:
- one
- two
然后是Javascript:
var addItems = function(html) { $('#items').append(html); //How do I access the new items here? }
让我们说html是:
three four
我需要对这两个新项目做点什么。 这件事包括对他们的绑定事件。 所以我不能简单地使用$(’。item’),因为这会将double事件添加到现有项目中。 一旦新项目成为DOM的一部分,它们就没有任何区别于现有项目。
最好的方法是什么?
在添加之前创建html的jQuery集合:
var addItems = function(html) { var $items = $(html); $('#items').append($items); $items.foo(); }
这是一个有效的例子: http : //jsfiddle.net/hunter/7UTA2/
var addItems = function(html) { var $html = $(html); $('#items').append($html); $html.text("test"); }
这表明您仍然可以操作项目的文本(或任何属性),因为您仍然可以引用该集合。