對象＃ <HTMLDivElement> 作為jQuery對象

Question

如何獲得#<HTMLDivElement>作為jQuery對象？

我需要執行以下操作：我有一個包含類內容的div列表。 所以我遍歷它，直到找到具有其他類的“測試”

這是我的代碼：

$.each( $(".contents"), function( key, value ) {
    if (value.hasClass("test"))
    {
        alert("got it");
    }
});

我遇到異常： Uncaught TypeError: Object #<HTMLDivElement> has no method 'hasClass'

Answer 1

each()函數為您提供DOM對象，您必須將其轉換為jQuery對象。 您可以將value傳遞給$ jQuery函數以將其轉換為jQuery對象。

$.each( $(".contents"), function( key, value ) {
    if ($(value).hasClass("test"))
    {
        alert("got it");
    }
});

您無需遍歷每個對象並像簡化它一樣

elements = $(".contents.text")

Answer 2

為什么不使用以下方法使其更簡單：

$(".contents.test"). ...

jQuery在這里將選擇同時設置了"contents"和"test"類的元素。

演示： http : //jsfiddle.net/xfErG/

Answer 3

jQuery主函數可以接受DOM元素作為其參數。

var foo = jQuery(HTMLElementNode);

以下兩行代碼具有相同的最終結果：

var foo = jQuery('#foo');
var foo = jQuery(document.getElementById('foo'));