Question

我有一个div，点击它时会切换。

现在我的问题是当我在div中放入一个选项选择框时，每当我想选择div切换的东西时就会关闭。

无论如何要解决这个问题？

HTML：

 <div class="click>
 <div class="red">
 <select>
 <option>
 OPTION1
 </option>
 <option>
 OPTION2
 </option>
 </select>
 </div>
 </div>

JQUERY：

$(".click").click(function(){
   $(this).children("div").toggle();
});

Answer 1

还在select元素

上添加一个单击处理程序

$(".click").click(function(){
   $(this).children("div").toggle();
});
$(".click select").click(function(event){
  event.stopPropagation();  
});

Answer 2

这个逻辑怎么样。

1）使用event.target获取被点击的元素。

2）使用 .prop("tagname") 获取点击的标记名。

$(".click").click(function (e) {
    if ($(e.target).prop("tagName") != "SELECT") {
        $(this).children("div").toggle();
    }
});

JSFiddle

希望你喜欢这种方法。