Đầu vào bộ chọn truy vấn [type = text] ')

Tôi đã viết một mã về cơ bản chọn tất cả các input type=textphần tử như sau:

$('.sys input[type=text]').each(function () {}

Làm cách nào để thay đổi nó để chọn input[type=text]hoặc select?

Sử dụng bộ chọn css thông thường:

$('.sys input[type=text], .sys select').each(function() {...})

Nếu bạn không thích sự lặp lại:

$('.sys').find('input[type=text],select').each(function() {...})

Hay ngắn gọn hơn, chuyển vào contextđối số:

$('input[type=text],select', '.sys').each(function() {...})

Lưu ý: Nội bộ jQuerysẽ chuyển đổi những thứ trên thành find()tương đương

http://api.jquery.com/jQuery/

Bên trong, ngữ cảnh bộ chọn được triển khai với phương thức .find (), vì vậy $ ('span', this) tương đương với $ (this) .find ('span').

Cá nhân tôi thấy giải pháp thay thế đầu tiên là dễ đọc nhất :), bạn mặc dù vậy

$('.sys').children('input[type=text], select').each(function () { ... });

CHỈNH SỬA: Trên thực tế, đoạn mã trên tương đương với bộ chọn con .sys > input[type=text]nếu bạn muốn con cháu select ( .sys input[type=text]), bạn cần sử dụng các tùy chọn được cung cấp bởi @NiftyDude.

Thêm thông tin:

• jQuery.children()
• nhiều bộ chọn

Nếu bạn có nhiều đầu vào dưới dạng văn bản trong một biểu mẫu hoặc một bảng mà bạn cần phải lặp lại, tôi đã làm điều này:

var $list = $("#tableOrForm :input[type='text']");

$list.each(function(){
    // Go on with your code.
});

Những gì tôi đã làm là tôi kiểm tra từng đầu vào để xem liệu loại có được đặt thành "văn bản" hay không, sau đó nó sẽ lấy phần tử đó và lưu trữ trong danh sách jQuery. Sau đó, nó sẽ lặp lại qua danh sách đó. Bạn có thể đặt một biến tạm thời cho lần lặp hiện tại như sau:

var $currentItem = $(this);

Điều này sẽ đặt mục hiện tại thành lần lặp hiện tại của bạn cho mỗi vòng lặp. Sau đó, bạn có thể làm bất cứ điều gì bạn muốn với biến tạm thời.

Hy vọng điều này sẽ giúp bất cứ ai!

$('input[type=text],select', '.sys');

cho vòng lặp:

$('input[type=text],select', '.sys').each(function() {
   // code
});