使用2 CSS类的Click函数在JQuery中不起作用

Question

我必须遵循以下代码段。 我的理解是，单击<li class="topics">Topics</li>时，将触发以下代码。 但是，我观察到的是，单击功能不会触发。

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

   }

但是，如果我要删除.li ，

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

   }

然后单击功能可以正常工作，这里我做错了什么吗？ 请指教

Answer 1

li不是类，而是元素。 您可以做的是从.li删除句点，并进行如下操作：

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

同样，当类之间有空格时，它会寻找第二个类嵌套在第一个类的内部，但是，当您删除该空间时，它将寻找具有该类的元素。

Answer 2

如果您有班级“ li”，那么这也应该有效

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