Question

我有一个下拉列表，其中有多个项目有课程＆＃34;下拉＆＃34;和＆＃34;菜单＆＃34;。在点击事件上我希望javascript找到我点击的某个.dropdown。是否有可能实施＆＃34;这个＆＃34;在我的代码的某处，让它工作？

  $(".dropdown").click(function(e) {
    e.preventDefault();
      if ($(".menu").is(":visible")) {
        $(".menu").slideUp();
        $(this).find("li").children(".list").addClass("plus").removeClass("minus");
      } else {
        $(".menu").slideDown();
        $(this).find("li").children(".list").removeClass("plus").addClass("minus");
      }
  });

之后编辑：

所以这是我的清单（请不要注意＆＃34; a＆＃34;在＆＃34; li＆＃34;之外的事实。所以我需要找到最接近的菜单＆＃34;到＆＃34;下拉＆＃34;。已经尝试过最近，找到等等，但我尝试的没有做到这一点。有什么建议？

  <a class="dropdown" href=""><li>Link 1 <div class="plus"></div></li></a>
  <ul class="menu">
  ....

Answer 1

在事件处理函数中，this将被设置为单击的元素。

如果这没有帮助，您应该在问题中提供更多信息。

Answer 2

jQuery使用CSS选择器，所以只需$(".dropdown > .menu")选择.menu后的第一个.dropdown。或$(".dropdown .menu:first-child")

编辑：

$(".dropdown").click(function()
{
    var theNextMenu = $(this).next(".menu");
}

具有相同类的多个项目，如何用jQuery区分它们？

2 个答案: