javascript - jQuery : other links inside div element link

Question

如何分离 div 元素中的所有图标？

基本上，在 div 中，我有 4 个要点击的东西。最后是为整个 div 元素点击链接。中间元素用于特定图标点击。但是现在，对于特定的图标点击，我希望点击连接到它们自己的链接。例如，如果单击 github png ，它应该转到 github 链接，但现在 google div 链接覆盖了它。对于我点击的任何内容，我只连接到一个链接，这不是我想要的。

谢谢

<script type="text/javascript">
    $(document).ready(function(){
        $(".Apps").click(function(){
            window.open($(this).find("a").last().attr("href"));
            return false;
        });                             
    });
</script>

    <div class="Apps">
        <p><b>Web Dev Project 3</b><br><i>(coming soon)</i></p>
        <a href="https://github.com/" target="blank">
        <img src="https://github.com/apple-touch-icon-114.png" width="30" height="30"/></a> 
        <a href="http://google.com" target="blank">
        <img id="logo" src="http://cclub.slc.engr.wisc.edu/images/Under-Construction.gif" width="30" height="30"/></a>
        <a href="http://google.com" target="blank"></a>
    </div>

Answer 1

确实没有 <a> 这样的概念与包含元素“连接”。取而代之的是，为什么不只捕获 <div> 上的“点击”事件呢？并过滤掉不在图标上的那些:

$('div.Apps').on("click", ":not(a img)", function() {
  window.location = "http://google.com";
});

标记的完成方式，很难说容器内的屏幕区域不是图标，但大概有填充/边距或其他东西。