Tương đương jQuery với document.forms [0] .elements [i] .value ;?

Question

Số lượng jquery tương đương với: document.forms[0].elements[i].value; là gì?

Tôi không biết cách di chuyển qua biểu mẫu và các phần tử của nó trong jQuery và muốn biết cách thực hiện.

Answer 1

Bản dịch thông thường là :input selector:

$("form:first :input").each(function() { 
    alert($(this).val()); //alerts the value 
}); 

Các :first là vì dụ bạn kéo <form> đầu tiên, nếu chỉ có một hoặc bạn muốn tất cả các yếu tố đầu vào, chỉ cần cắt giảm :first. :input selector hoạt động cho <input>, <select>, <textarea> ... tất cả các yếu tố bạn thường quan tâm ở đây.

Tuy nhiên, nếu chúng tôi biết chính xác mục tiêu của bạn là gì, có thể là một cách rất đơn giản để đạt được mục tiêu đó. Nếu bạn có thể đăng thêm thông tin, như HTML và những giá trị bạn muốn trích xuất (hoặc làm điều gì đó khác với).

Answer 2

Tôi không chắc chắn chính xác những gì bạn đang cố gắng để hoàn thành, nhưng bạn sẽ có thể làm điều gì đó như thế này:

$('form:first').children(':first').val(); 

này sẽ nhận được giá trị của nút con đầu lòng trong lần đầu tiên <form> trong DOM.

Answer 3

$("#formid input").each(function(){ 
    alert($(this).attr("value")) 
}) 

Answer 4

Vâng, dịch theo nghĩa đen, nó muốn được:

$('form:first *:nth-child(i)').val() 

Nhưng jQuery giúp bạn dễ dàng lấy các yếu tố bằng phương thức khác như ID hoặc công cụ chọn CSS. Sẽ dễ dàng hơn để duy trì nếu bạn đã làm điều gì đó như:

$('form#id input.name').val() 

Answer 5

Điều này sẽ cung cấp cho bạn tất cả các yếu tố trong biểu mẫu. Bao gồm các phần tử không phải là hình thức:

$("#[form id]").find() 

Sau đó, bạn có thể sử dụng từng chức năng để đi qua tất cả trẻ em. Hoặc bạn có thể sử dụng bộ chọn đầu vào để chỉ trả lại các yếu tố hình thức:

$("#[form id] :input")