0

<div>私は互いに離れた多くのタグを持っています。それらはすべてこのレイアウトを持っています：

<div class="swatchimgouter">
    <div class="swatchimginner">
        <img src="myimage.jpg" alt="Green"/>
    </div>
</div>

<div class="swatchimgouter">
    <div class="swatchimginner">
        <img src="myimage.jpg" alt="Black"/>
    </div>
</div>

<div class="swatchimgouter">
    <div class="swatchimginner">
        <img src="myimage.jpg" alt="Red"/>
    </div>
</div>

<div class="swatchimgouter">
    <div class="swatchimginner">
        <img src="myimage.jpg" alt="White"/>
    </div>
</div>

divがホバーされたときの"alt"属性を取得したいです。このイベントは、ホバーすると正常に発生します。<img>swatchimgouter

$("#variations div.swatchimgouter").mouseover(function () {

}

セレクターの多くの組み合わせを試しましたが、<img>属性にアクセスできるものはありません。swatchimgouter のクラスを持つこれらのタグの多くがありdiv、私が欲しいのは上記のマウスオーバー イベントをトリガーするものであるthisため、img に到達するために何らかの方法で使用できますか? 何かのようなもの：

var previewColor = $('div.swatchimginner img', this).attr('alt');
4

4 に答える 4

2

これを試して、

ライブデモ

$("#variations div.swatchimgouter").mouseover(function () {

    var previewColor = $('img', this).attr('alt');    

});
于 2012-06-30T18:42:31.297 に答える
2

あなたが何を試したかはわかりませんが、あなたの例は多かれ少なかれ私にとってはうまくいっています:

$("#variations div.swatchimgouter").mouseover(function () {
    var previewColor = $('img', this).attr('alt');
    alert(previewColor);
});

デモ: http://jsfiddle.net/JtQfh/

于 2012-06-30T19:12:10.043 に答える
0 
var myAlt = $('img').attr("alt");

または、すべてのイメージがたくさんある場合:

var myAlt = $('div.swatchimginner img').attr("alt");

最も速い方法は、img 要素の ID を指定し、それによって選択することです。

于 2012-06-30T18:43:24.127 に答える
0 
$(document).ready(function () {
        $('#h').mouseover(function() { 
        var s = $('#in img').attr('alt');
        alert(s);
    });
    });
于 2012-06-30T19:43:37.600 に答える