使用jquery动态添加html元素

Question

根据BlausC对我上一个问题的回答，我现在可以在一定程度上使用jquery了。但是现在我需要向jquery基于servlet回发创建的表添加一个checkbox控件。我使用的代码是

 $("#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]))
      ;

   })

})

任何帮助都将不胜感激。

Answer 1

这里有一种更好的方法，它包含了复选框，而且效率更高。

 $("#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);
   });
});

Answer 2

只需在需要的地方附加复选框的标记即可。注意，像那样调用append是不必要的，请查看此帖子以获取更多信息：43,439 reasons to use append() correctly

Answer 3

我找到了一个很好的教程，里面的用户展示了一些你可以使用的JQuery插件。虽然这不是帮助你学习JQuery的基础教程。但是您可以在您的web项目中重用已经开发的代码。请参阅链接techcubetalk