动态添加HTML元素使用jquery

问题描述：

基于我对BlausC的前一个问题的答案我现在能够在一定程度上使用jQuery。但现在我需要添加一个复选框控件到由jquery基于servlet回发创建的表。我使用的代码是动态添加HTML元素使用jquery

$("#linkInstr").click(function(){ 
    var arr=new Array(); 
    var cdid=$("#cboinstr option:selected"); 
    var code=$("#cbovendcode option:selected"); 
    $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){ 

     arr=data.split(","); 
     var tbl= $("#tblDetails"); 
     $('<tr>').appendTo(tbl).append($('<td>')) 
     .append($('<td>').text(code.val())) 
     .append($('<td>').text(cdid.text())) 
     .append($('<td>').text(arr[0])) 
     .append($('<td>').text(arr[1])) 
     .append($('<td>').text(arr[2])) 
     ; 

    })

}）

任何帮助将不胜感激

checkbok将在tbl的第一个td – sansknwoledge 2009-12-22 16:40:47

答

这是一个更好的方式，包括复选框，效率更高。

$("#linkInstr").click(function(){ 

    var arr=new Array(); 
    var contents; 

    var cdid=$("#cboinstr option:selected"); 
    var code=$("#cbovendcode option:selected"); 

    $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){ 
     arr=data.split(","); 
     contents = '<tr><td><input type="checkbox" /></td><td>' + cdid.text() + '</td><td>' + arr[0] + '</td><td>' + arr[1] + '</td><td>' + arr[2] + '</td></tr>'; 

     $("#tblDetails").append(content); 
    }); 
});

感谢Ariel，这是有效的，同时也感谢alex和Vig的努力。很快我会发布我的下一个问题:-) – sansknwoledge 2009-12-22 17:07:52

答

您只需将标记为在你需要它的复选框。请注意，像这样调用append是不必要的，看看这篇文章的更多信息：43,439 reasons to use append() correctly

伟大的文章。感谢分享！ – Ariel 2009-12-22 17:13:22

答

我找了一个很好的教程，其中用户展示了一些可以玩的JQuery插件。虽然这不是帮助您学习JQuery的基本教程。但是你可以在你的web项目中重用已经开发的代码。查看链接techcubetalk

动态添加HTML元素使用jquery

相关推荐