使用2 css类进行单击功能并不适用于JQuery

时间:2015-07-20 21:50:46

标签: javascript jquery css jquery-selectors

我必须关注代码段。我的理解是,当点击<li class="topics">Topics</li>时,会触发以下代码。但是,我观察到的是,点击功能并不会触发。

   $(".li .topics").click(function () {

   }

但是,如果我删除.li

   $(".topics").click(function () {

   }

然后点击功能正常,我在这里做错了什么?请指教

2 个答案:

答案 0 :(得分:1)

li不是一个类,它是一个元素。您可以做的是从.li删除句点,并使用以下内容:

$("li.topics").click(function () {}

此外,当类之间有空格时,它会查找第二个类嵌套在第一个类中,但是,当您删除空格时,它会查找具有该类的元素。

答案 1 :(得分:0)

如果您有一个“li”类,那么这也应该有效

$(".li, .topics").click(function(){
   alert("clicked");    
});​