在jquery中追加一个元素后选择它

Select an element after appending it in jquery

本文关键字：元素 一个 选择 jquery 追加      更新时间：2023-09-26

我添加了一个元素：

$("#usernames_list").append("<li class='username_item'>" + item.username + "</li>")

然后我尝试选择新添加的元素：

$(".username_item").bind('click', function(){
    alert("asdas");
})

也尝试过这个：

$(".username_item").click(function(){
    alert("asdas);
})

警报功能不起作用。

如何解决此问题？所有其他答案对没有帮助

您的代码应该按原样工作，但不是很有效。

最简单、最有效的方法是参考你创建的元素，这样你就不必再研究了：

var $container = $("<li class='username_item'>" + item.username + "</li>");
$container.appendTo($("#usernames_list"));

这样你就可以很容易地注册你的听众：

$container.click(function(){
    alert("asdas");
})

您可以通过以下方式添加：

var $container = $("#usernames_list");
var liClick = function() {
    alert("ok");
}
$container.on('click', '.username_item', liClick);

下面是一个例子：http://fiddle.jshell.net/scg32rzh/3/

相关文章：