jQuery непрозрачность при наведении

Question

Пожалуйста, помогите переписать эту функцию jQuery:

$(".gallery dt a img").fadeTo("fast", .7);
$(".gallery dt a").hover(function () {
    $(this).fadeTo("fast", 1)
},
function () {
    $(this).fadeTo("fast", .7)
});

Вот HTML:

<dl class="gallery">
    <dt><a href="#"><img /></a></dt>
    <dd><a href="#">text</a></dd>
</dl>

Изображение появляется (непрозрачность: 1) при наведении на ссылку в теге <dt>, как это можно изменить, чтобы изображение отображалось при наведении ссылки на теги <dt> и <dd>?

Никто не знает?

Answer 1

Я думаю, что у seth есть правильный селектор для наведения, но в наведении я думаю, что вам понадобится ссылка на само изображение вместо использования $(this). Может быть что-то вроде:

var img = $(".gallery-small dt a img");
img.fadeTo("fast", .7);
$('.gallery-small dl:children a').hover(function() {
    img.fadeTo("fast", 1)
},
function() {
    img.fadeTo("fast", .7)
});

Answer 2

Если я правильно вас понимаю, вы хотите, чтобы изображение появлялось при наведении курсора на изображение или на связанный с ним текст. Это верно? Если это так, это решение должно работать для вас:

$(".gallery dt a img").fadeTo("fast", .7);
$(".gallery a").hover(function () {
    $(this).closest("dl").children("dt").children("img").fadeTo("fast", 1)
},
function () {
    $(this).closest("dl").children("dt").children("img").fadeTo("fast", .7)
});

Возможно, это еще больше упростится, если у кого-нибудь появятся идеи выкинуть их туда.

Answer 3

Вы можете использовать:

$('.gallery-small dl:children a')