在jQuery中選擇具有多個類的元素

Question

如果一個元素有多個這樣的類：

class="btn btn-primary add-movie-button is-on"

我可以使用 jQuery 僅通過一個類名選擇它，例如：

$(".add-movie-button")

我可以為此元素使用.hasClass("is-on")嗎？

Answer 1

我可以為此元素使用 .hasClass("is-on") 嗎？ 答案是肯定的！

if($(".add-movie-button").hasClass("is-on")){
  console.log('it worked')
}

Answer 2

像這樣的元素上有一個類： class="btn btn-primary add-movie-button is-on"

您可以選擇一個或多個類。 添加更多類會增加特異性。

例如：

$(".add-movie-button")

比

$(".add-movie-button.is-on")

在任何一種情況下，您都可以使用返回布爾值的 hasClass；

var isClassy = $(".add-movie-button.is-on").hasClass("is-on");
var isSmallClassy = $(".add-movie-button").hasClass("is-on");

請注意，如果任何元素與條件匹配，這將返回 true。 如果您想查看是否全部都這樣做，請使用長度：

var longClasses = $(".add-movie-button.is-on");
var shortClasses = $(".add-movie-button");

var both = longClasses.length === shortClasses.length;