ajouter dynamiquement élément html en utilisant jquery

Question

basé sur la réponse à ma question précédente par BlausC je suis maintenant en mesure d'utiliser jquery dans une certaine mesure. mais maintenant je dois ajouter un contrôle case à cocher à la table créée par jquery basé sur un postback de servlet. le code j'utilise est

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

    }) 

})

toute aide sera grandement appréciée

Answer 1

Voici une meilleure façon d'inclure la case à cocher et beaucoup plus efficace.

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

Tout ajouter le balisage de la case où vous en avez besoin. Notez qu'appeler ajouter comme cela n'est pas nécessaire, jetez un coup d'oeil à ce post pour plus d'informations: 43,439 reasons to use append() correctly

Answer 3

Je viens d'apprendre un bon tutoriel où les utilisateurs ont montré un plugin JQuery avec lequel vous pouvez jouer. Bien que ce n'est pas un tutoriel de base pour vous aider à apprendre JQuery. Mais vous pouvez réutiliser le code déjà développé dans votre projet web. Voir le lien techcubetalk