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