динамически добавлять элемент html с помощью jquery

Question

на основе ответа на мой предыдущий вопрос от BlausC. Теперь я могу использовать jquery в определенной степени. но теперь мне нужно добавить элемент checkbox в таблицу, созданную 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])) 
     ; 

    }) 

})

любая помощь будет принята с благодарностью

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. Но вы можете повторно использовать уже разработанный код в своем веб-проекте. См. Ссылку techcubetalk