javascript - a链接标签嵌套span链接标签，如何单独触发一个链接？

Question

如图，整个白色框为a标签， Read more为span标签。现在点击span标签会同时触发a标签，该如何解决？

<li>
    <a href="http://www.behance.net" target="_blank">
       <p class="web-content">
            <p class="web-content-top">
                <p class="web-logo">
                          <img class="img-responsive" src="images/Behance.png" />
                     </p>
                    
                    <span class="web-name">Behance</span>
                </p>
                
                <p class="web-content-bottom">
                    <p class="dot web-content-bottom-content">Behance是2006年创立的著名设计社区
                    <span onclick="location.href='readmore.html'" class="readmore">Read More &raquo;</span>
                </p>
            </p>
        </p>
   </a>
</li>

Answer 1

$(function() {
   $(".readmore").click(function(event) {
      event.stopPropagation();
      event.preventDefault();
      window.location.href= "loding.html";
   });
});

解决方案

Answer 2

span 设置 成 block-inline，然后 监听 click事件，阻止冒泡 stopPropagation(),用window.location.href去触发，url可以储存在span的data里面

Answer 3

试试提高要起作用的标签的高度看看（z-index=10）,若不然的话就只有阻止冒泡了，没电脑在，没例子给你，求大神们写出来吧！我小白一枚

Answer 4

呵呵<span>hahahaha</span>
<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.js&quot;></script>
<script type="text/javascript">

$("a span").click(function(e){
          e.stopPropagation();
          return false;
})

</script>