jquery $("nam") 获取不到js生成的html的id ？来看下代码

php中文网

发布： 2016-06-13 13:44:30

原创

1753人浏览过

jquery $("#nam") 获取不到js生成的html的id ？？高手进来看下代码！
大家可直接复制我代码到php文件里面测试一下！意思就是：我用js生成了一个html 文本框，id值是nam！拿jquery获取不到这个id 但是我在本来页面也写了一个文本框,id值是ad，拿同样的jquery 就能获取到！这是为什么？我用什么办法可以获取到这个id='nam' 的id？

PHP code

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../js/jquery-1.6.1.min.js"></script>

<body>
 <div id="d"></div>
<input type="button" id="b"  value="添加出库单" onClick="add()"/>
<input type="text" name="ad"  id="ad" />

</body>
</html>
<script language="javascript">
//添加模块
var ii = 1;
function add(){//执行块添加
dv=document.createElement("div"); 
dv.id="div_"+ii;

tab=document.createElement("div");
tab.innerHTML='<table bgcolor="#E6F3DE" ><tr><td>货物名称：</td><td colspan="2"><input type="text" id="nam" size="15" /></td></tr></table>'
dv.appendChild(tab);

delbtn=document.createElement("input");
delbtn.type="button";
delbtn.value="删除该出库单";
delbtn.onclick=del;

dv.appendChild(delbtn);

document.getElementById("d").appendChild(dv);

ii = ii + 1;
}
//删除添加的块
function del(){

 document.getElementById("d").removeChild(this.parentNode);
 ii=ii-1;

}

//获取 js 添加的框的id，获取不到
$(function(){
    $("#nam").bind("blur",function()
        {        
        alert('msg');
        })
})

//获取原本的input的id  可以获取到！
$(function(){
    $("#ad").bind("blur",function()
        {        
        alert('msg');
        })
})

</script>

登录后复制

------解决方案--------------------
//setTimeout 一下，或者用blur这个方法
$(function(){
$("#nam").bind("blur",function()
{
alert('msg');
})
})

//获取原本的input的id 可以获取到！
$(function(){
$("#ad").bind("blur",function()
{
alert('msg');
})
})

------解决方案--------------------
setTimeout(function(){//刚才那些邦定代码}，10);
如果还不行，打印$("#nam")或consle.log() 不管什么程序要学会调试就好办了，，问题都能解决的，，
------解决方案--------------------
bind 改成 live
可以参考jquery手册具体区别
$("#nam").live("blur",function()
{
alert('msg');
})