Объект # <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

Основная функция 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/