2012-11-28 31 views
10

Được sử dụng để có thể thực hiện một console.log trên một đối tượng jQuery và Chrome sẽ xuất phần tử DOM tương ứng như Tab yếu tố.Cách xem phần tử DOM khi console.log đối tượng jquery trong webkit

Bây giờ nó thực hiện điều này:

console.log($('body')); 
[<body>, context: #document, selector: "body"] 

Nếu bạn bỏ qua các console.log, và gõ trực tiếp vào giao diện điều khiển bạn có thể nhận được các hành vi cũ:

$('body') 
[<body>​…​</body>​] 

Đây là những gì tôi muốn ! Làm thế nào để lấy lại nó vì vậy tôi đăng nhập các đối tượng jQuery theo chương trình và yêu cầu chúng trả về các đối tượng DOM trực tiếp như các phần tử Tab?

Trả lời

15

này nên làm điều đó cho bạn:

console.log($('body')[0]); 

Lý do là jQuery kết thúc tốt đẹp các yếu tố trong một mảng, vì vậy bạn cần phải truy cập vào các yếu tố thực tế qua một chỉ số mảng.

Hoặc nhấp vào hình tam giác nhỏ ở bên trái để mở rộng đầu ra để bạn có thể tương tác với các yếu tố được in ra.

0

Đối với đối tượng Drupal, hoặc cho các khuôn khổ khác mà không sử dụng $, sử dụng như sau:

console.log(jQuery('body')[0]); 

OR (với cú pháp cũ):

jQuery('body'); 
Các vấn đề liên quan