javascript - 在 Javascript 中使用变量持有选择器

Question

$(".focus-button").addClass('active');
$(".focus-button[data-expand='true']").addClass('active');

如果我将类选择器存储在如下变量中:

var btn = $(".focus-button");

变量可以在代码中用作

btn.addClass('active'); // This is correct
btn[data-expand='true'].addClass('active'); // This is wrong

我可以知道使用带有属性的变量的正确方法是什么吗？

Answer 1

您可以使用 filter以您想要的方式添加其他选择器。

Reduce the set of matched elements to those that match the selector or pass the function's test.

例子:

var btn = $(".focus-button");
btn.addClass("active");
btn.filter("[data-expand='true']").removeClass("active")

在哪里

var btn = $(".focus-button");
btn.filter("[data-expand='true']")

与

相同

$(".focus-button[data-expand='true']")