Question

我正在尝试使用css :hover创建一个下拉菜单，它在台式机和Android上运行良好，但在iPad上有效。因此，我正在交换:hover以获取jquery。

以下几乎就是我所需要的。

var down = false;
$("li").click(function() {
    if (down == false) {
        $(".dropdown").css("height", "150px");
        down = true;
    } else if (down == true) {
        $(".dropdown").css("height", "0px");
        down = false;
    }
});

基本上我在每个.dropdown都有一个名为li的div容器。我可以在点击其父.dropdown时定位li吗？目前所有.dropdowns都打开了。

Answer 1

在选择器中包含当前的this引用，例如：

$("li").click(function(){
  if (down == false) {
    $(".dropdown",this).css("height", "150px");
    down = true;
  } 
  else if(down == true) {
    $(".dropdown",this).css("height", "0px");
    down = false;
  }
});

this作为$(...)中的第二个元素，可确保只找到this的子元素。

Answer 2

您可以将$(".dropdown")替换为$(".dropdown", this)，以定位所点击的li的特定子元素，该元素由this表示。

点击内部的Jquery目标div

2 个答案: