jquery - ページ上の複数の画像に img alt タグを設定するために、スパンで html のブロックを使用しようとしています。

Question

タイトルが自明であることを願っています。

これが私のHTMLです（これらのアイテムはたくさんあります）：

<div class="shopTextWrapper">
                <div class="shop_item"> 
                    <a href="#dialog2" name="modal">
                    <img src="objetdart/images_sm/ethanol-i.jpg" width="75" height="75"></a> 
                </div>
                <br clear="all" />
                <p class="desc_text">
                Ethanol
                </p>
            </div>

私の現在のjQuery（動作していません）：

$(document).ready(function() {
    $('img').each(function(){
    var $altText = $(this).find('div p.desc_text');
    $('img').attr('alt', $altText);
    });
});

適切な画像も含む親 div 内に含まれる各スパン desc_text を見つける必要があります。現在、オブジェクト Object を返しています。

shopTextWrapper div に含まれる画像のタイトルを取得する方法はありますか?

ありがとうございました

Answer 1

$('img').each(function(){
    var $altText = $(this).closest('div.shopTextWrapper').find(".desc_text").text();
    $(this).attr('alt', $altText);
    });

Answer 2

var $altText = $(this).parents('.shop_item').next($('p.desc_text')).text();