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

如果我理解正确，那么下面就应该这样做了。

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');
}

Answer 2

这应该做到

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

DEMO：http://jsfiddle.net/GudSq/1

jQuery检查div中的图像是真还是假

2 个答案: