JQuery：特定のURLを持つネストされたImgをクリック

Question

特定の属性を持つdivには、多くのネストされたdivが含まれています。そのうちの1つに、特定のsrcの画像タグが含まれています。アクセスするにはどうしたらいいですか？以下に示す

$(this).find('img[src$="path/to/img.png"]').click(); 

あなたはこの例を見ることができます：コード以下の作業をされていません。

var tbox = $('div[role="user"]'); // These could be multiple 

tbox.click(function(){ 
    $(this).find('img[src="path/to/img.png"]').click(); 
}); 

Answer 1

あなたは"ends-with" selector $=を使用することができ

$(function(){ 
 
     $("#box").click(function(){ 
 
      debugger; 
 
      $(this).find('a[href$="test"]').css('color','red'); 
 
     }); 
 
});

#box{ 
 
    background: #ddd; 
 
    height: 200px; 
 
    width: 200px; 
 
    padding: 20px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='box'> 
 
    <a href='#test'>TEST</a> 
 
    <a href='#test'>NOT TEST</a> 
 
    <a href='#not'>TEST</a> 
 
    <a href='#not'>NOT TEST</a> 
 
</div>

を