Jquery chọn đầu vào [type = text] ')

Question

Tôi đã viết một mã mà về cơ bản sẽ chọn tất cả input type=text yếu tố như thế này:

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

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

Answer 1

Sử dụng css selector bình 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() {...}) 

Hoặc chính xác hơn, vượt qua trong lập luận context:

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

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

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

Bên trong, bối cảnh selector được thực hiện với phương pháp .find(), nên $ ('tuổi', điều này) là tương đương với $ (this) .find ('tuổi').

Cá nhân tôi tìm ra sự thay thế đầu tiên là có thể đọc được hầu hết :), mất của bạn mặc dù

Answer 2

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

EDIT: Thực ra mã này trên là tương đương với trẻ em selector .sys > input[type=text] nếu bạn muốn hậu duệ chọn (.sys input[type=text]) bạn cần sử dụng các tùy chọn do @NiftyDude cung cấp. thông tin

thêm:

• jQuery.children()
• multiple selector

Answer 3

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

cho Looping:

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

Answer 4

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

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

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

Tôi đã kiểm tra từng đầu vào để xem loại được đặt thành "văn bản", sau đó nó sẽ lấy phần tử đó và lưu trữ nó trong danh sách jQuery. Sau đó, nó sẽ lặp qua danh sách đó. Bạn có thể đặt biến tạm thời cho phép 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 vòng 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 temp.

Hy vọng điều này sẽ giúp mọi người!