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

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

2 个答案: