如何使用动态创建的元素？
如何使用动态创建的元素？
提问于 2014-03-21 11:52:06
我是一个使用jquery的新手，我一直在寻找对我的问题的答案，但没有成功。
- 我有一个包含文本字段列表的表单，每次用户离开(模糊)的最后一项，一个新的文本字段出现在列表的末尾。
我的问题是：( a)当用户走出最初创建的任何文本字段时，就会创建一个新的文本字段，而不仅仅是在最后一个文本字段上。( b)新创建的项是新的“最后一项”，但不按照它应该做的操作进行操作。
这是我的代码：
<form>
<div id="list">
<ul>
<li><input type="text" name="firstname[]"></li>
<li><input type="text" name="firstname[]"></li>
<li><input type="text" name="firstname[]"></li>
</ul>
</div>
<input type="submit">
</form>和jquery文件：
$(function(){
$('#list :last-child').on('blur', function(){
html = "<li><input type='text' name='firstname[]'></li>";
$('#list').append(html);
});
});谢谢你的帮忙!
更新谢谢你们的答案，它花了2个minutes...very令人印象深刻！下面是更新：
$(function(){
$(document).on('blur','#list :last-child',function(){
html = "<li><input type='text' name='firstname[]'></li>";
$('#list').append(html);
return false;
});
});我添加了返回假以避免任何奇怪的行为(同时添加多个附加项)，但我仍然有一个问题:列表中的所有项目都是在我模糊它们时创建一个新项，而不仅仅是最后一个项！
回答 4
Stack Overflow用户
发布于 2014-03-21 11:54:09
使用$(文档).on(…)并且它将绑定添加到页面的所有动态控件的事件。
$(function(){
$(document).on('blur','#list :last-child',function(){
html = "<li><input type='text' name='firstname[]'></li>";
$('#list').append(html);
});
});Stack Overflow用户
发布于 2014-03-21 11:55:41
试试这个：
$(function(){
$(document).on('blur', '#list :last-child',function(){
html = "<li><input type='text' name='firstname[]'></li>";
$('#list').append(html);
});
});Stack Overflow用户
发布于 2014-03-21 11:55:47
也许你是在找这个，如果不是，请再解释一下。
$(function(){
$('#list').on('blur','input:last-child' ,function(){
html = "<li><input type='text' name='firstname[]'></li>";
$('#list ul').append(html);
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22558009
复制相关文章
相似问题
腾讯云开发者
