使用 $(this） jquery 更改另一个元素

using $(this) jquery to change another element

本文关键字：另一个 元素 jquery this 使用      更新时间：2023-09-26

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

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

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

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

谢谢大家！

此代码针对当前 .click2play 元素中的div。我相信这就是你要:)

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

从问题中不太清楚你想做什么，所以我能猜到
的所有选项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()})});

我会这样做：

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

但也许这不是你想做的？

我想

这是:)：

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

或更好

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

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

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

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

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

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

我相信大多数答案都没有注意到这个问题，这个问题要求删除一个类。以下是这两个问题的答案：

$('.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
});
相关文章：