2013-04-20 26 views
5

Nếu tôi sử dụng jquery để chọn tất cả các đầu vào văn bản của tôi:Lựa chọn cá nhân từ một nhóm các yếu tố jQuery

var inputs = $('#form input[type="text"]'); 

Chúng được bọc trong jQuery. Tôi có thể làm bất cứ điều gì tôi muốn với họ.

inputs.css('height', '1000px'); 
//muhahaha! 

Là nhóm họ tuân thủ. Nhưng tôi dường như thiếu một cái gì đó. Tôi biết tôi có thể nhìn thấy từng cá nhân như thể nó là một mảng các đối tượng.

console.log(inputs[0]); 
// <input type="text" /> 

Nhưng đầu ra ở trên chỉ là html; khi tôi làm điều đó nó không còn là một đối tượng jQuery :(

inputs[0].css('font-size', '100px'); 
// Uncaught TypeError: Object #<HTMLInputElement> has no method 'css' 

Làm thế nào để tiếp tục sử dụng phương pháp jquery về cá nhân mà không cần phải quấn mỗi phần tử một lần nữa, hoặc là này không thể thực hiện đối với một số lạ, bóng tối, không thể giải thích lý do?

đã thậm chí không biết bắt đầu từ đâu tìm kiếm này, và cuộc hành trình jQuery của tôi đã không đưa tôi đến với câu trả lời cho đến nay. Cảm ơn!

Trả lời

5

Có một cái nhìn tại trang này: jQuery Filtering

inputs.eq(0).css('font-size', '100px'); 

Nên làm các trick trong trường hợp này

+0

Vô cùng đơn giản như tôi mong đợi. Đây có phải là kỹ thuật thực hiện một truy vấn khác không? Nó chỉ có vẻ như, trực giác, người ta có thể sử dụng một chỉ số mảng ... – jamil

+1

Trích dẫn từ liên kết '.eq()' nếu bạn theo liên kết trong câu trả lời: Cho một đối tượng jQuery đại diện cho một tập các phần tử DOM,. Phương thức eq() xây dựng một đối tượng jQuery mới từ một phần tử trong tập hợp đó. Chỉ số được cung cấp xác định vị trí của phần tử này trong tập hợp. –

0

cách duy nhất để tránh gói mỗi phần tử một lần nữa ($(inputs[0]).css('font-size', '100px'))

sẽ sử dụng JavaScript thuần túy. Ví dụ: inputs[0].style.fontSize = "100px";

1

thấy điều này function .eq() in Jquery-API

Khi truy cập Dom-Node-Bộ sưu tập trong JQuery qua Mảng-Index, bạn sẽ có được RAW Dom-Elements, nếu bạn chọn chỉ số với phương pháp đưa ra ở trên, bạn' sẽ nhận được jQuery-Wrapped-Elements được tăng cường tính năng. Xem tài liệu.

Các vấn đề liên quan