Я пытаюсь пропустить все динамически созданные входы внутри элемента div. Первый элемент ввода уже существует в dom.
Я использовал следующий код:
$(document).on("click", "#myClickLink",function(){
$("#divElement input").each(function(){
alert($(this).val());
});
});
Проблема в том, что я получаю только первый элемент ввода, любую помощь?
заранее спасибо
По-моему, вы должны input element first,
добавить input element first,
() 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());
});
});
Демо и демо с добавлением дополнительных и контрольных ссылок
ваш код работает, когда он завернут в функцию jquery ready.
$(document).ready(function() {
$(document).on("click", "#myClickLink",function(){
$("#divElement input").each(function(){
alert($(this).val());
});
});
});
only getting the first input element
, поэтому его код работает
HTML
также, или сделайтеonline demo
как наFiddle
.input[type=text]
попробуйте это вместо ..