从内部 div 标签中删除 href？

Question

我使用一个 jquery 来显示提示。 它在 A 标签内创建 DIV 标签。例如......

<a href="mypage.html">Title</a>

悬停时变成......

<a href="mypage.html">Title <div class="tooltip">My text....</div></a>

它的工作很好。但“我的文本...”是可点击的链接（因为它位于 A>HREF 内）。 有什么办法让它不可点击而不将其从A标签中移出吗？

Answer 1

你可以附加一个处理程序到你的，然后检查生成事件的目标，如果它是div，只需

$('a').click(function(e){
   if($(e.target).hasClass('tooltip')){
      return false;
   }
});

在此处返回 false fiddle
http://jsfiddle.net/FfVWv/

Answer 2

不，没有。

无论如何，您都不应该将 div 标签放在锚标签内，因为这会在不支持 HTML 5 的浏览器中崩溃。