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

我在下面有一些逻辑，它会影响页面上的所有'a'href链接 - 我想修改它以仅影响href链接有一个div内内了孩子的div ...如何查找div（及其所有子元素）中的所有链接

在这种情况下，我只希望影响“谷歌”链接

$('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>

来源

2017-02-23 Zabs

因为你是选择所有的链接....所以选择元素，并找到元素中的链接。 – epascarello

我看到downvote警察又出来了...... – Zabs

如果我理解正确，你只想找到“谷歌”链接，对不对？试试这个

$('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>

来源

2017-02-23 14:42:25

这与我正在尝试做的是正确的:)现在就给这个去吧谢谢 – Zabs

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

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

来源

2017-02-23 14:37:02 Satpal

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

回答

相关问题