如何查找 div 中的所有链接（及其所有子元素）答案

【问题标题】：How to find all links within a div (and all its children elements)如何查找 div 中的所有链接（及其所有子元素）
【发布时间】：2017-02-23 22:42:25
【问题描述】：

我在下面有一些逻辑会影响页面上的所有“a”href 链接 - 我想以某种方式修改它以仅影响 div 内以及子 div 内的 href 链接...

在这种情况下，我只想影响“Google”链接

    $( 'a' ).each(function(index) {
        $(this).on('click', function(event){

        });
    });

// html

<div id='menu'>
   <a href="">BBC</a>
   <a href="">NBC</a>
</div>
<div class="container">
   <div>
     <a href="">Google</a>
   </div>
   <span>Yahoo</span>        
</div>

【问题讨论】：

因为你选择了所有的链接......所以选择元素并找到元素中的链接。
我看到投反对票的警察又出来了……

标签： javascript jquery html css

【解决方案1】：

如果我理解正确，您只想找到“google”链接，对吧？试试这个

$('div > div > a' ).on('click', function(event) {
  alert($(this).html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='menu'>
   <a href="">BBC</a>
   <a href="">NBC</a>
</div>
<div class="container">
   <div>
     <a href="">Google</a>
   </div>
   <span>Yahoo</span>        
</div>

【讨论】：

这与我正在尝试做的事情是正确的 :) 现在会试一试，谢谢

【解决方案2】：

您可以通过类选择器使用绑定事件处理程序。

$('.container > div').on('click', 'a', function() {
});

【讨论】：