jQuery - 从冒泡中获取第一个项目。冒泡时获取冒泡顺序或id

Question

我的最后一个问题在这里:Get last clicked item id有很好的答案，但我仍然有问题。

我有这样的功能:

$(document).ready(function () {
      $("*").click(function () {             
          alert($(this).attr('id').toString());                
    });
});

在页面上我有这样的内容:

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script language="javascript" src="Scripts/jquery-1.4.1.js" type="text/javascript"><script>
<div id="div1">Some stuff
  <div id="div2">Some other stuff
  <asp:Button ID="Button1" runat="server" Text="Button" />        
    <div id="div3">More stuff
    <asp:Button ID="Button2" runat="server" Text="Button" />        
    </div>
 </div>        

当 Alertbox 出现时，我可以存储单击项目的值，如下所示:

$(document).ready(function () {
  $("*").click(function (e) {             
      alert($(this).attr('id').toString());  
      var value = $(this).attr('id').toString();                
      e.stopPropagation();  //Stop Propagation            
   });
});

但问题就在这里。当我停止传播时，我的其他脚本不再触发。我可以以某种方式获得泡沫订单或 ID 吗？我可以做这样的事情吗？:

  $(document).ready(function () {
     $("*").click(function (e) {    
       if(e.target == this[0])
       {         
         alert($(this).attr('id').toString()); 
         var value = $(this)[0].attr('id').toString();             
       }
       //e.stopPropagation();  //I have to get first value from bubbling without stopPropagation     
 });
});

谢谢!

Answer 1

您可以尝试以下解决方案，不是一个完美的解决方案，虽然有点hacky，但有效，您可以根据您的要求调整它 - JSFIDDLE IS HERE ,

var clickArr = [], counter = 0;
$(document).ready(function () {
 $("*").click(function (e) {             

  if($(this).attr('id')) {      
  var val = $(this).attr('id').toString();
  clickArr[counter++] = val;
  }
  if(this.tagName == 'BODY') {
   val = clickArr[0];
   counter = 0;
   alert('result is ' + val);
  }
  //e.stopPropagation();  //Stop Propagation            
});
});​

希望对你有帮助!!