0

所以，我知道如何更改您悬停在同一元素上的属性...

$(".click2play").mouseover(function()
            {
              $(this).css({'visibility' : 'hidden'});
             });

问题我可以做同样的事情，但只影响悬停在同一个“click2play”div 内的另一个元素吗？也许喜欢？

  $(".click2play").mouseover(function()
            {
              $(this).(#someotherdiv).css({'visibility' : 'hidden'});
             });

谢谢大家！

4

7 回答 7

2

此代码以当前 .click2play 元素内的 div 为目标。我相信这就是你所要求的:)

$(".click2play").mouseover(function() {
    $('div.class_name', this).css({'visibility' : 'hidden'});
});
于 2012-05-05T20:26:50.910 回答
1

从问题中不太清楚你想做什么，所以我可以猜到的所有选项
1.如果你想隐藏类的所有元素，.click2Play然后使用

$('.click2Play').hover(function(){$('.click2play').hide()});

2.如果您只想隐藏具有此类使用的所有元素的当前元素

$('.click2Play').hover(function(){$(this).hide()});

3.如果你想概括它，那么你可以使用 jquery 对象的.selector 属性，这样你就可以像使用它一样使用它

$('.click2Play').hover(function(){$($(this).selector).hide()});

所以现在如果你将类名从 .click2Play 更改为其他类，它会很好地工作，并且会隐藏该类的所有元素。
4.如果你想在当前元素的内部隐藏一些元素，那么

$('.click2Play').hover(function(){$(this).children('selector_of_child').hide()});

5.如果这个类的所有元素里面都有一个元素有一些其他的类，你想把它们都隐藏起来，然后像这样简单地使用每个

$('.click2Play').hover(function(){$('.click2play').each(function(){$(this).children("selector_Of_Child").hide()})});
于 2012-05-05T20:40:10.313 回答
0

我会这样做：

$(".click2play").mouseover(function(){
    $(this).hide();
});

但也许这不是你想做的？

于 2012-05-05T20:24:12.840 回答
0

我想这个:)：

$(".click2play").mouseover(function(){
  $(this).css({'visibility' : 'hidden'});
});

或更好

$(".click2play").mouseover(function(){
      $(this).hide();
    });
于 2012-05-05T20:25:12.620 回答
0

你想改变一些其他的div？为什么需要$(this)？

$(".click2play").mouseover(function(){
    $("#someotherdiv").hide();
 });
于 2012-05-05T20:25:39.307 回答
0

要更改单个 css 属性，您可以执行以下操作：

$(".click2play").mouseover(function(){
    $(this).css('visibility', 'hidden');
});

我希望它有所帮助（考虑查看此链接： http: //marakana.com/bookshelf/jquery_tutorial/css_styling.html）

于 2012-05-05T20:26:39.990 回答
0

我相信大多数答案都没有关注这个问题，即关于删除课程的问题。以下是这两个问题的答案：

$('.click2play').bind('mouseenter mouseleave', function () {
  $(this).removeClass('click2play'); // This line removes the current object's class click2play
  $('jQUerySelector').removeClass('click2play'); // This will remove another element's class click2play
});
于 2012-05-05T20:39:22.713 回答