<div class="views-row">
<div>
<h5 class="product-name">
<a href="#">Dots</a>
</h5>
</div>
<div class="views-field">
<div class="field-content">
<a href="#">
<img alt="" src="#" />
</a>
</div>
</div>
这是jquery:
$('.views-field').hover(function() {
$('h5').css('text-decoration', 'underline');
}, function() {
$('h5').css('text-decoration', 'none');
});
上面的代码产生的是对所有类项目的悬停效果,而不仅仅是我悬停的项目。我尝试添加
$(this).parent('views-row').find('h5').css('text-dec', 'under')
但那里没有豆子。
正如你可能猜到的那样,我是一个 jQuery 新手,并且非常感谢在正确方向上的一点......
提前致谢
Try:
$('.views-field').hover(function() {
$('h5', $(this).closest('.views-row')).css('text-decoration', 'underline');
}, function() {
$('h5', $(this).closest('.views-row')).css('text-decoration', 'none');
});
您还可以使用:$(this).parents('.views-row')
附加到该特定行但是closest
只返回一个元素。
摆弄:http://jsfiddle.net/iambriansreed/Ct39b/ http://jsfiddle.net/iambriansreed/Ct39b/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)