Question

我在下面有一些逻辑影响页面上的所有“a”href链接 - 我想以某种方式修改它只能影响一个div内的href链接，而不再是子div ...

在这种情况下，我只想影响“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>

Answer 1

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

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

Answer 2

如果我理解正确，你只想找到＆＃34; google＆＃34;链接，对吗？试试这个

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

2 个答案: