使用jQuery"点击"li元素

Question

我有一个<ul>动态生成<li>元素的元素,只是想运行一个onclick事件

<ul id="results">
    <li class="device_result searchterm" data-url="apple-iphone-5s">
        <a href="#"> Apple iPhone 5s </a>
    </li>
    <li class="device_result searchterm" data-url="apple-iphone-5c">
        <a href="#"> Apple iPhone 5s </a>
    </li>
</ul>

我在一个$(document).ready块中有以下jQuery,但它似乎不起作用 - 任何想法我做错了什么？

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

Answer 1

如果你添加dinamically点击列表,但选择项目:

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

尝试小提琴:http://jsfiddle.net/emPKS/

Answer 2

删除选择器中的空格

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

您还可以使用.on将特定事件附加到匹配的元素

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

Js Fiddle