Question

我试图遍历div元素中所有动态创建的输入。第一个输入元素已存在于dom中。

我使用了以下代码：

$(document).on("click", "#myClickLink",function(){
   $("#divElement input").each(function(){ 
      alert($(this).val()); 
   });  
});

问题是我只获得第一个输入元素，任何帮助？

提前致谢

Answer 1

当你的代码包装在jquery ready函数中时，你的代码就可以工作了。

$(document).ready(function() {
    $(document).on("click", "#myClickLink",function(){
        $("#divElement input").each(function(){ 
            alert($(this).val()); 
        });  
    });
});

Answer 2

在我看来，您应该append() input element first,然后只有newly created input elements才能获得$.each loop，

$(document).on("click", "#myClickLink",function(){
   newid=$("#divElement input").length+1;
   // append a new input first
   $("#divElement").append('<input type="text" id="'+newid+'" value ="'+newid+'" />');
   $("#divElement input").each(function(){ 
      alert($(this).val()); 
   });  
});

Demo和Demo with add more and check links

我需要遍历所有输入元素

2 个答案: