jquery - jQuery: 要素にタイトル属性を追加し、次の要素からテキストを挿入します

Question

これが可能かどうかはわかりませんが、やってみましょう。

この HTML は、画像ごとに動的に生成されます。

<a href="image.jpg" class="thickbox">
    <img src="thumb.jpg" title="This is the title" alt="" />
</a>

どういうわけか、thumb.jpg からタイトル属性を取得し、それを周囲のアンカーにコピーする必要があります。これにより、次の結果が得られます。

<a href="image.jpg" class="thickbox" title="This is the title" alt="">
    <img src="thumb.jpg" title="This is the title" alt="" />
</a>

jQueryで実現できたら嬉しいです。

前もって感謝します。

score 4 · Accepted Answer

$('a.thickbox img').each(function(key,$elem){
    $(this).parent().attr('title',$(this).attr('title'));
});

複数の画像がある場合は、それぞれを使用してループします。それ以外の場合は、関数内の行を使用してに置き換え$(this)ます$('a.thickbox img')。

score 3 · Accepted Answer

関数をattr() (またはprop() ) に渡し、次のように記述できます。

$("a.thickbox").attr("title", function() {
    return $(this).find("img").attr("title");
});

(上記のコードでは、DOM プロパティを作成または更新attr()する HTML 属性を作成していることを強調するために使用しましたが、同じ結果が得られます)。prop()

score 0 · Accepted Answer

を使用してサムネイルをループし.each()、親を持つものについては<a>、親のタイトルを画像のタイトルに設定します。

$("img[src='thumb.jpg']").each( function() {
    $(this).parent('a.thickbox').attr('title', this.title);
});

3 に答える 3