jquery - jQuery检查div内的图像是真还是假

Question

我的 HTML

<div class="block_right_2 relative">
  <div class="block_right_2_content">
    <div align="center"> <a href="#"> <img src="/images/imageName1.png" > </a> </div>
  </div>
  <div class="block_right_2_btn_link_left">
    <p><a href="/article/newsflash.html">Find out more </a></p>
  </div>
</div>

我的问题

此 imageName1.png 是我网站上的随机图像，每次刷新页面时都会更改。其他图像名称是imageName2.png等imageName3.png。我想要做的是，使用 jquery 检查if image = imageName2.png然后将链接更改Find out more为More info here. 谢谢。

我不确定如何使用.replace或更合适的方法检查这个。谢谢。

Answer 1

这应该这样做

$('img[src$="imageName1.png"]').closest('.block_right_2_content')
                                .next().find('a').text('More info here');

使用Attribute Ends with选择器

http://api.jquery.com/attribute-ends-with-selector/

演示：http: //jsfiddle.net/GudSq/1

Answer 2

如果我理解正确，那么下面应该可以解决问题。

if ($('.block_right_2_content').find('img')[0].src.indexOf('imageName2.png') >= 0) {
   $('.block_right_2_btn_link_left').find('a').text('More Info here');
}