JQuery .parent() не работает

Question

Почему the following code терпит неудачу с:

Error: class_a_jquery_objects[0].parent is not a function

?

HTML:

<div> 
    <div class='a b'></div> 
    <div class='b c'></div> 
    <div class='c a'></div> 
</div>  
<div id='log'></div> 

JS:

$(function() { 
    var class_a_jquery_objects = $(".a"); 

    $("#log").append(class_a_jquery_objects.length + "<br />"); 
    $("#log").append(class_a_jquery_objects[0] + "<br />"); 
    $("#log").append(class_a_jquery_objects[0].parent() + "<br />"); 
}); 

Answer 1

class_a_jquery_objects [0] является DOM-элемент, а не объект JQuery. Вы не можете вызвать с ним методы jQuery. Вы должны сначала обернуть его в объект JQuery:

$(class_a_jquery_objects[0]).parent() 

Answer 2

Вам нужно обернуть его с объектом JQuery

$("#log").append($(class_a_jquery_objects[0]).parent() + "<br />");