首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery替动态生成元素绑定传参数事件

2012-08-27 
jquery为动态生成元素绑定传参数事件html headtitle/titlescript srcjqueryPager/jquery-1.2.6

jquery为动态生成元素绑定传参数事件
<html >
<head>
    <title></title>
    <script src="jqueryPager/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" >
     $().ready(function(){
    
      var tr="<tr>";
      for(i=0;i<5;i++){
      tr+="<td><input id=edit"+i+" value=text"+i+"></td>";
      }
      tr+="</tr>";
      $("#tblTest").append(tr);//必须先生成元素,再绑定事件,否则找不到对象

      for(i=0;i<5;i++){
        document.getElementById("edit"+i).onclick=eval($("#btn1").attr("onclick")); //绑定事件
      }    
    
     })

   function btnClick(obj){
     var objValue=obj.value;
     alert("objValue="+objValue);  
   }
 
    </script>
</head>
<body>

<input type="button" id="btn1" value="按钮" onclick="return btnClick(this)"/><table id="tblTest"   >
</table></body>
</html>

热点排行