使用 2 css class 的点击功能在 JQuery 中不起作用

Question

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

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

   }

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

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

   }

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

Answer 1

li 不是 class，它是一个元素。您可以做的是从 .li 中删除句点，然后得到如下内容：

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

此外，当 class 之间有一个 space 时，它会查找第二个 class 嵌套在第一个里面，但是，当您删除 space，它会查找具有 class.

的元素

Answer 2

如果你有 class "li" 那么这也应该有效

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

using 2 css class for click function doesn't work in JQuery