jquery - jQuery根据图像src修改图像的父标签

Question

我有一个随机加载图像的页面。使用 jQuery，我想检查图像src，并根据 src 包含的内容，修改href图像的父a标记。

这是我到目前为止写的，没有运气：

<div class="hero">
    <div class="inner">
        <a href="#"><img src="http://encompassomaha.com/wp-content/uploads/2013/05/copy-2.png" class="header-image" width="960" height="250" alt="" /></a>
    </div>
</div>



jQuery(document).ready(function($) {
    $('.hero .inner a img').each(function(i){
        var img = $(this),
        imgSrc = img.attr('src');

        if(imgSrc.contains('copy-2.png')){
            img.parent().attr('href', 'http://google.com');
        }
     }
}

Answer 1

试试这个：

http://jsfiddle.net/RLQLh/5/

并与http://jsfiddle.net/RLQLh/6/

用你的选择器

$('.hero .inner a img').each(function(i){

两者都使用

if(imgSrc.indexOf('copy-2.pn') !== -1)

而不是字符串 Contains()

Answer 2

尝试这个：

$(document).ready(function () {
    $('img').each(function(){
        var img = $(this);
        var imgSrc = img.attr('src');

        if(imgSrc.contains('copy-2.png')){
            img.parent('a').attr('href', 'http://google.com');
        }
     });
});