如何在使用链接时排除元素

Question

我现在有一个问题，如果有可能解决这个问题，我很好奇。我在div元素中包含了2 href个。问题是我想要排除<p>元素。有没有办法做到这一点，尽管它在href元素内？感谢。

<a href= "sample.com">
  <div class="1">
    <p>Hello</p>
   </div>
</a>
<a href= "test.com">
  <div class="2">
    <p>Hello</p>
  </div>
</a>

Answer 1

是的，你可以，但我不会提倡它。

您可以使用CSS删除链接的外观：

a{
  text-decoration: none;
}

p{
  cursor: default;
  color: #000;
}

然后您可以使用preventDefault()来阻止p触发点击操作：

$("p").click(function(e){
   e.preventDefault();
});

FIDDLE

你真正应该做的是添加另一个包装器以包含你的元素，然后用div包裹a，如下所示：

<div class="wrapper">
  <a href="http://www.google.com" target="_blank">
     <div class="1"></div>
  </a>
  <p>Hello</p>
</div>

Answer 2

$(function(){
  $('p').click(function(){
    alert($(this).attr('href'));
    // or alert($(this).hash();
  });
});