jQuery .parent() không hoạt động

Question

Tại sao the following code không thành công với:

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] là một phần tử DOM và không phải là một đối tượng jQuery. Bạn không thể gọi các phương thức jQuery với nó. Bạn cần phải đầu tiên quấn nó trong một đối tượng jQuery:

$(class_a_jquery_objects[0]).parent() 

Answer 2

Bạn cần phải quấn nó với đối tượng JQuery

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