2017-05-02 8 views
0

とのリンク内の画像を交換してください画像の次のコードを考慮するとjQueryの

お手伝いできますか?

$('a[href$="tutu"]').each(function() { 
    $(this).html($(this).prop('title')); 
}) 
+0

あなたは 'src'属性を更新しようとしていますか? –

答えて

1

ここに間違いがここにthis
<a href="tutu"><img src="ver.gif" class="logo" id="header-logo" title="Coco"></a>

であり、それは財産のタイトル、その子を持っていないということですしたがって、あなたは次のような何かをしなければなりません:

$('a[href$="tutu"]').each(function() { 
    $(this).text($(this).children().prop('title')); 
}); 

これがあなたの問題を解決することを願っています。

1

は、以下のコードに

JSを使用してみてくださいこの値にaタグの内容を属性と設定:

$('a[href="tutu"]').each(function() { 
 
    var title=$(this).find('img').attr('title'); 
 
    $(this).html(title); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<a href="tutu"> 
 
    <img src="ver.gif" class="logo" id="header-logo" title="Coco"> 
 
</a>

1

img要素はあなたがタグの下に最初に必要なのimgを見つけなければならないので、その後、画像のタイトルを取得aタグの子である:

2

私は.replaceWith()を使用したい:

$('a[href$="tutu"]').each(function() { 
 
    $(this).find('img').replaceWith($(this).find('img').prop('title')); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="tutu"> 
 
    <img src="ver.gif" class="logo" id="header-logo" title="Coco"> 
 
</a> 
 
<a href="tutu"> 
 
    <img src="ver.gif" class="logo" id="header-logo" title="Loco"> 
 
</a> 
 
<a href="tutu"> 
 
    <img src="ver.gif" class="logo" id="header-logo" title="Zoco"> 
 
</a>

関連する問題