jQuery:鼠标悬停函数不触发无序列表后代

Question

我有一个无序列表，如下:

<ul id="dasList">
 <li id="dasListItem1">
  <span>
   <div style="height:10px">
     <label id="dasLabel1">LaLaLa</label>
   </div>
   <a id="dasAnchor1"></a>
  </span>
 </li>
 <li id="dasListItem2">
  <span>
   <div style="height:10px">
     <label id="dasLabel2">LaLaLa</label>
   </div>
   <a id="dasAnchor2"></a>
  </span>
 </li>
</ul>

现在这是我想做的。我想在列表项中包含的锚标记上触发一个鼠标悬停函数。目前，我使用的是:

$("#dasList a").mouseover(function(){
        alert('i find your lack of faith disturbing');
    });

但是由于一些不可思议的原因，它没有触发。我也放置了断点，但是没有用:(

有更好的方法吗?

Answer 1

我明白了!这是我的浏览器的一个问题:)显然，最新的Chrome更新似乎在Chrome开发工具打开时将鼠标转移识别为鼠标点击:/

老实说，这是一个非常奇怪的场景，是我从未预料到的。我终于要结束这个问题了，因为我觉得是时候结束了!

Answer 2

应该是

 $("#dasList li a").mouseover(function(){
   ...

使用发现()

 $("#dasLis").find("a").mouseover(function(){

使用^ 的属性选择器，选择所有以提供的字符串

开头的元素

 $("a[id^='dasAnchor']").mouseover(function(){