javascript - 为什么 ".hasClass()"没有按我的预期工作？

Question

我想知道某个 html 元素是否具有某个类。

在下面的示例中，我询问一个元素是否具有“fa”类。如您所见，<i>元素具有类 fa ，但我得到 false使用 .hasClass() 时功能。

>> $("#row-CleceBasingstoke button:first").html()
"<i style="padding:3px;" class="fa fa-lg more-less-icon fa-plus-square-o"></i>"

>> $("#row-CleceBasingstoke button:first").hasClass("fa")
false

我做错了什么？

Answer 1

fa 类位于子元素上。所以你需要在 child 身上使用hasClass。

console.log( $("button i").hasClass("fa") );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button><i class="fa"></i></button>

或者您搜索其中包含该类的元素:

console.log( $("button").find(".fa").length >= 1 );
// or
console.log( $("button>.fa").length >= 1 );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button><i class="fa"></i></button>