jquery获取不到动态append元素的值

1.问题： jquery获取不到动态append的input框的值

在处理一些逻辑的时候，我们可能会使用到动态append一些元素到页面上，这也会有一些问题
比如，append上的元素通过各种选择器获得的都是null，或者undefined。

2. 如何解决

这里介绍一下我经常使用的方法，适用与不同的场景

2.1 在append后直接绑定事件/获取值

在我们append一个元素的时候，直接在其js后面绑定上事件或者获取元素的值都是可以生效的。这也是最简单的一种办法。

2.2 使用delegate/on等（适用与各种事件）

我们可以使用delegate来给选择器选中的元素（包括未来的被选中的元素）来添加各种事件
如:我们要给下面的div添加一个子元素button，并给其绑定一个事件

<div id="d1">
</div>

js：
某方法：{
$('#d1').append('<button id=“b1”>点击</button>')
}
使用delegate绑定事件
$('#d1').delegate("b1","click", function(){
 //点击事件的具体逻辑
 alert("ok，u click it")
})

2.3 获取/遍历元素配合$(this).val()取值 (适用于获取值)

使用场景:
我们在一个div中append了多个input
div:<div id="d2"></div>
input:

<input id="ip1"/>
<input id="ip2"/>
<input id="ip3"/>

我们可以使用最基本的js获取
var list = document.getElementById('d2').getElementsByTagName('input');
然后通过遍历获取值,这里是存到了一个数组tempList中

$.each(list, function (i, item) {
			// 这里我们可以发现打印得是dom
            console.log(item);
            var temp = $(item).val();
            if (!isNull(temp)){
                tempList.push(temp);
            }
        });
// 打印查看是否成功获取
console.log(tempList);  

ok,问题解决.
感觉有帮助的小伙伴记得点个赞哟~