jquery - jquery中如何获取被点击的控件的ID？

Question

当我单击按钮显示/隐藏切换按钮时，我有一个切换 div 和一个按钮。

我使用此代码，当单击页面的任意位置时隐藏切换 div。

  $(document).click(function () {
             var $el = $(".Search");

             // toggle div
             if ($el.is(":visible")) {
                 // fade out
                 $(".Search").toggle("slow");
             }
         });

我的问题是:当单击切换按钮中的控件时，此函数运行并隐藏切换 div。

我想获取单击的控件的 ID。如果控件是切换 div，则不要运行此函数。

Answer 1

看你必须.stopPropagation():

 $('togglebtn').click(function(e){ //<----put your btn's class or id
   e.stopPropagation(); // <---------this will stop the event to bubble to parent
   // your stuff to hide and show.
 });

 $(document).click(function () {
     var $el = $(".Search");
     if ($el.is(":visible")) {
       $(".Search").toggle("slow");
     }
  });