Question

使用this slector时遇到问题。我有几个带图片的div。我在图片中应用了一个类，使它们成为灰度级，当我悬停链接时，我希望他们删除该类。 html会像这样：

div class="box">
    <a class="articol" href="#">
      <img src="image.jpg">
      <p>some text</p>
    </a>
</div>
div class="box">
    <a class="articol" href="#">
      <img src="image.jpg">
      <p>some text</p>
    </a>
</div>

js会像这样：

$(function() {
  $("a.articol").hover(function(){
     $(".box img.desaturate").removeClass('desaturate');
  }, function() {
     $(".box img").addClass('desaturate');
});});

唯一的问题是我只想要我正在悬停的图像去除.desaturate类。但它从所有图像中删除了该类。

Answer 1

$(function() {
  $("a.articol").hover(function(){
     $(this).find("img.desaturate").removeClass('desaturate');
  }, function() {
     $(this).find("img").addClass('desaturate');
});});

Answer 2

$('.articol').hover(function(){
     $(this).children('img').removeClass('desaturate');
  }, function() {
     $(this).children('img').addClass('desaturate');
});

Answer 3

试试这个。

$(function() {
  $("a.articol").hover(function(){
     $(".box img.desaturate").removeClass('desaturate');
     $(this).addClass('desaturate');;
  });

  $("a.articol").blur(function(){
     $(".box img.desaturate").removeClass('desaturate');
  });
});

使用此选择器选择特定的img

3 个答案: