Jquery 仅对同一类中单击的元素执行事件

我想知道是否可以只在单击的元素上执行事件， 虽然该元素具有相同的类， 如果在该元素内部或旁边有一个类为“subcategory”的div，则使用toggleClass方法显示它。 这里是html

<ul>
    <li class="catname">something</li>
    <li class="catname">
       something
      <div class="subcategory none">some hidden content to show</div>
    </li>
    <li class="catname">something</li>
</ul>

还包括：

$(".catname").bind("click", function() {
    $(".subcategory").next().toggleClass('none')
});

---

谢谢

您应该在单击处理程序中使用

this

关键字来引用引发事件的元素。从那里，您可以遍历DOM以

find（）

内部元素。试试这个：

$(document).on('click', '.catname', function (event) { 
    $(this).find('.subcategory').toggleClass('none');
});

---

向我们展示您迄今为止尝试过的jquery代码。在

类上使用事件绑定，此处：$（文档）。在（“click”、“.catname”、函数（event）{$（“.subcategory”）.next（）.toggleClass（'none'）}）@NonSonostatio您应该编辑该代码并将其发布到您的问题中。使用
$（此）
内部事件从当前
类中查找已单击的
。
$(document).on('click', '.catname', function (event) { 
    $(this).find('.subcategory').toggleClass('none');
});