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

Question

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

Я нашел хороший урок, где пользователи показали какой-то плагин JQuery, с которым вы можете играть Хотя это не базовый учебник, который поможет вам изучить JQuery. Но вы можете повторно использовать уже разработанный код в своем веб-проекте. Смотрите ссылку techcubetalk

Answer 3

Просто добавьте разметку для флажка, где вам это нужно. Обратите внимание, что вызывать append, как это ненужно, посмотрите на этот пост для получения дополнительной информации: 43,439 причин для правильного использования append ()