JQuery：用特定的URL單擊一個嵌套的Img

Question

有一個具有某個屬性的div包含許多嵌套的div。其中一個包含一個帶有特定src的圖像標籤。我如何訪問？下面的代碼是不工作：

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 $=：

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

你可以看到下面表明了這樣一個例子：

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