Question

尝试在$（this）选择器中选择元素

我有一个类.category_row_belts的几个div。每个内部都有一个包含H2标签和图像的锚标签。

滚动div时，我正在尝试使用jQuery的.hover（）和addClass（）同时在H2和img上创建翻转效果。换句话说，当滚过div时，它的所有元素都会亮起来。显然我必须使用$（this）并尝试使用children（）但它不起作用。

<div class="category_row_belts">
<a href="linkhere.html">
<h2 class="belts-cat-description" >Product name here</h2>
<img src="img/product-pic.jpg">
</a>
</div>

到目前为止我的js是......

$('.category_row_belts').hover(
function(){
    $(this).children('a > img').addClass('rolloverborder');
    $(this).children('a > h2').removeClass('belts-cat-description');
    $(this).children('a > h2').addClass('rollovertxt');
},
function(){
    $(this).children('a > img').removeClass('rolloverborder');
    $(this).children('a > h2').removeClass('rollovertxt');
    $(this).children('a > h2').addClass('belts-cat-description');
})

Answer 1

$('.category_row_belts').hover(
function(){
    $(this).find('img').addClass('rolloverborder');
    $(this).find('h2').removeClass('belts-cat-description')
    .addClass('rollovertxt');
},
function(){
    $(this).find('img').removeClass('rolloverborder');
    $(this).find('h2').removeClass('rollovertxt')
   .addClass('belts-cat-description');
})

试图选择$（this）选择器中的元素

1 个答案: