javascript - 检查 div 内发生的链接点击

Question

我希望当用户单击特定 div 中的链接时 Javascript 返回 true

例如: 当用户点击div中class=“span1”的链接时，它将返回true

<div class="span1">
   <h3>Title 3</h3>
      <ul class="stages" dir="ltr">
          <li><a href="http://www.example.com" >Example 1</a></li>
          <li><a href="http://www.example.com" >Example 2</a></li>
      </ul>
</div>

<div class="span2">
   <h3>Title 4</h3>
      <ul class="stages" dir="ltr">
          <li><a href="http://www.example.com" >Example 1</a></li>
          <li><a href="http://www.example.com" >Example 2</a></li>
      </ul>
</div>

非常感谢!!

Answer 1

只需对 .hasClass 使用 if 语句即可:

$("div").click(function(){
  if($(this).hasClass("span1")){
    alert("SPAN 1 CLICKED");
    return true;
  }
});

FIDDLE

更新:我读你的问题太快了，这里有一个新的 fiddle ，它针对的是你的 a 而不是 div

NEW FIDDLE

应该是这样的:

if($(this).closest("div").hasClass("span1")){