Javascript 使用jQuery来'；单击'；李元素

我有一个

元素，它动态生成

元素，只想运行

onclick

事件

我在

$（文档）中得到了以下jQuery。就绪

块，但它似乎不起作用-知道我做错了什么吗

$（“li.searchterm”）。单击（函数（）{
控制台日志（“测试”）；
});

删除选择器中的空格

  $("li.searchterm").click(function() {    
   console.log('testing');
});

您还可以使用

.on

将特定事件附加到匹配的元素

  $("li.searchterm").on("click",function() {    
   console.log('testing');
});

使用

由于内容是动态添加的，因此无法直接访问，因此必须使用事件委派

$('#results').on('click','li.searchterm',function() {    
    console.log('testing');
});

---

如果您以友好方式添加，请单击列表，但选择以下项目：

$("#results").on("click", ".searchterm", function(event){
    console.log('clicked');
});

试一试小提琴：

你也可以

$( "li .searchterm" ).on('click', function() {    
   console.log('testing');
});

或

---

您可以在不向ul分配id的情况下执行此操作

$('ul').on('click','li.searchterm',function(){
//do your stuffhere;
});

---

类名应与元素一起添加<代码>li.searchtermomg。。是我让那部史诗失败了吗？哈哈：-）谢谢萨钦-非常感谢！

<li class="device_result searchterm" data-url="apple-iphone-5s" onclick="clickFunc(1)">
   <a href="#">Apple iPhone 5s</a>
</li>
<li class="device_result searchterm" data-url="apple-iphone-5c" onclick="clickFunc(2)">
   <a href="#">Apple iPhone 5s</a>
</li>

function clickFunc(id) {
   console.log('Do something with ' + id);
}

$('ul').on('click','li.searchterm',function(){
//do your stuffhere;
});