div内のすべてのリンクを見つける方法

Question

私はその下にいくつかのロジックがあり、ページ上の 'a' hrefリンクのすべてに影響を与えます - これを何らかの形で修正して、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> 

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

Answer 2

あなたが使用することができますバインドに影響を与えるようにしたい...この場合

のdiv内およびもはや子のdiv内にありますクラスセレクタを使用するイベントハンドラ

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