對象＃<HTMLDivElement>作爲jQuery對象

Question

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

我需要做以下幾點：我有一個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

主要jQuery的函數可以接受一個DOM元素作爲它的參數。

var foo = jQuery(HTMLElementNode); 

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

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

Answer 3

爲什麼不這樣做簡單的搭配：

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

這裏jQuery將選擇具有兩個"contents"元素和"test"類別設置。

DEMO：http://jsfiddle.net/xfErG/