Sử dụng .each trên các đối tượng động trong jQuery?

Question

Có rất nhiều câu hỏi dường như hỏi điều này, nhưng cuối cùng tất cả những gì họ muốn là đính kèm sự kiện .click và không .each và vì vậy câu trả lời được chấp nhận chung trong tất cả chúng bao gồm $("body").on("click", ".selector", function(){}); và điều này chắc chắn không phải là những gì tôi muốn.

Tôi có một số yếu tố đầu vào được tạo và tôi cần thay đổi giá trị của từng tài khoản cùng một lúc. Thông thường tôi sẽ $(".inputs").each(function(){$(this).val("new-value")}; hoặc một cái gì đó dọc theo những dòng, tuy nhiên, tôi không thể vì khía cạnh năng động.

Vậy bạn sẽ làm như thế nào $("body").on("each", ".inputs", function(){});?

Answer 1

Trên thực tế, nó đơn giản như chạy .each bên setTimout.

setTimeout(function(){ 
    $(".inputs").each(function(){$(this).val("new-value")}); 
}, 5000); 

Answer 2

Bạn có thể sử dụng $(".inputs").each(function(){$(this).val("new-value")}; hoàn toàn tốt trên các yếu tố động. Bạn chỉ cần chạy lại tập lệnh sau khi bạn thêm phần tử động.

Từ nhận xét, tôi nhận thấy rằng một số hiểu lầm tồn tại về 'mỗi'. 'Mỗi' không phải là một sự kiện và do đó không có sự kiện nào được kích hoạt nếu 'mỗi' được gọi. Nếu bạn muốn theo dõi các yếu tố bổ sung bởi vì bạn không kiểm soát được khi chúng được bổ sung bạn cần một bộ đếm thời gian:

setInterval(function(){ $(".inputs").each(function(){$(this).val("new-value")}; },500); 

Answer 3

$.each làm việc với bất kỳ yếu tố mới được thêm vào.

http://jsfiddle.net/4SV7n/

Làm một cái gì đó khác nhau mỗi lần:

http://jsfiddle.net/4SV7n/1/