jQuery选择这个+类答案

【问题标题】：Jquery select this + classjQuery选择这个+类
【发布时间】：2021-07-20 14:15:19
【问题描述】：

如何从该对象this 中选择一个类？

$(".class").click(function(){
        $("this .subclass").css("visibility","visible");
})

我想选择$(this+".subclass")。我怎样才能用 Jquery 做到这一点？

【问题讨论】：

标签： jquery

【解决方案1】：

使用$(this).find()，或者在上下文中传递这个，使用jQuery context with selector。

使用 $(this).find()

$(".class").click(function(){
     $(this).find(".subclass").css("visibility","visible");
});

在上下文中使用this$( selector, context )，它会在内部调用find函数，所以最好先使用find。

$(".class").click(function(){
     $(".subclass", this).css("visibility","visible");
});

【讨论】：

【解决方案2】：

也许是这样的： $(".subclass", this);

【讨论】：

这是一个很好的选择。使用上下文 +1
@Connor 这是一个替代方案，但不是很好。无论如何也要+1
感谢您的意见@roasted
@Connor 我主要是说因为应该不推荐使用子选择器的上下文：$('> child',context)。这是之前的 jquery 文档中出现的内容： >>注意：$("> elem", context) 选择器将在未来的版本中被弃用。因此不鼓励使用它来代替使用替代选择器。
@A.Wolff 有这方面的任何消息，使用起来还安全吗？

【解决方案3】：

使用find()

$(this).find(".subclass").css("visibility","visible");

【讨论】：

【解决方案4】：

你要找的是这个：

$(".subclass", this).css("visibility","visible");

在$(".subclass", this)类之后添加this

【讨论】：

【解决方案5】：

如果您需要以下性能技巧：

$(".yourclass", this);

find() 方法每次都在选择器中进行搜索。

【讨论】：

【解决方案6】：

使用 find 是最好的选择

就这么简单地使用

$(".class").click(function(){
        $("this").find('.subclass').css("visibility","visible");
})

如果有许多具有相同名称的类，最好这样给出父类的类名

$(".parent .class").click(function(){
            $("this").find('.subclass').css("visibility","visible");
    })

【讨论】：