Jquery onclick表行不起作用 [英] Jquery onclick Table row not working

问题描述

javascript函数创建表



函数createTable（）{

var contTable =< table id ='test' >< tbody>

$ .ajax（{

url：'getData.php'，

jsonp：'callback'，

数据：datastring，

成功：函数（数据）{

if（data！= null）{

for（var h = 0; h< data.length; h ++）{>

contTable + =< tr id =+ data [h] + ID +>< td> + data [h] .NAME +< / td>< / tr>

}

}

contTable + =< ; / tbody>< / table>< / tr>< / tbody>< / table>< / thead>< / table>;

document.getElementById（conttable ）.innerHTML = contTable;

}，

错误：function（）{

}

}） ;

}

$（文件）.ready（function（）{

$（'＃test tr'）。click（function（function） ）{

selectedid = $（this）.attr（'id'）;

}）;

}）;





html

 <   div     id   =  conttable >  <   / div  >  

如果我在html中创建一个表格，例如

 <   table     id   =  test  >  
 <   tr  >  
 <   td     id   =  1 >  Name1 <   / td  >  
 <   / tr  >  
 <   tr  >  
 <   td     id   =  2 >  Name2  <   / td  >  
 <   / tr  >  
 <   tr  >  
 <   td     id   =  3 >  Name3 <   / td  >  
 <   / tr  >  
 <   / table  >  

点击功能可以工作但不能用于javascript表。这有什么问题。任何人都可以帮我...

解决方案

.ajax（{

url：'getData.php'，

jsonp：'callback'，

data：datastring，

成功：函数（数据）{

if（data！= null）{

for（var h = 0; h< data.length; h ++）{>

contTable + =< tr id =+ data [h] + ID +>< td>+ data [h] .NAME +< / td> < / tr>

}

}

contTable + =< / tbody>< / table>< / tr> < / tbody>< / table>< / thead>< / table>;

document.getElementById（conttable）。innerHTML = contTable;

}，

错误：function（）{

}

}）;

}

（document）.ready（function（）{

（'＃test tr'）。click（function（）{

selectedid =

javascript function to create a table

function createTable(){
var contTable="<table id='test'><tbody>"
$.ajax({
url:'getData.php',
jsonp:'callback',
data:datastring,
success:function(data){
if(data!=null){
for(var h=0;h<data.length;h++){>
contTable+="<tr id="+data[h]+ID+"><td>"+data[h].NAME+"</td></tr>"
}
}
contTable+="</tbody></table></tr></tbody></table></thead></table>";
document.getElementById("conttable").innerHTML=contTable;
},
error:function(){
}
});
}
$(document).ready(function(){
$('#test tr').click(function(){
selectedid=$(this).attr('id');
});
});


html

<div id="conttable"></div>

if I create a table in html for example

<table id="test">
<tr>
<td id="1">Name1</td>
</tr>
<tr>
<td id="2">Name2</td>
</tr>
<tr>
<td id="3">Name3</td>
</tr>
</table>

the click function works but not for a javascript table.What is wrong in this.Can anyone help me...

解决方案

.ajax({
url:'getData.php',
jsonp:'callback',
data:datastring,
success:function(data){
if(data!=null){
for(var h=0;h<data.length;h++){>
contTable+="<tr id="+data[h]+ID+"><td>"+data[h].NAME+"</td></tr>"
}
}
contTable+="</tbody></table></tr></tbody></table></thead></table>";
document.getElementById("conttable").innerHTML=contTable;
},
error:function(){
}
});
}

(document).ready(function(){

('#test tr').click(function(){
selectedid=

这篇关于Jquery onclick表行不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！