使用$(this)jquery来改变另一个元素

时间:2012-05-05 20:22:30

标签: javascript jquery this

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

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

问题我可以做同样的事情,但只能在同一个'click2play'div中影响另一个元素吗? 也许喜欢?

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

谢谢大家!

7 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分: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()})});

答案 2 :(得分:0)

我会这样做:

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

但也许这不是你想做的事情?

答案 3 :(得分:0)

我想这::):

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

或更好

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

答案 4 :(得分:0)

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

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

答案 5 :(得分:0)

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

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

我希望它有所帮助 (考虑看到这个链接:http://marakana.com/bookshelf/jquery_tutorial/css_styling.html

答案 6 :(得分: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
});