Javascript jQuery：在动态列表中添加HTML

您好，我有一个jquery，它可以动态创建无序列表：

var get_url = "<?php echo base_url(); ?>index.php/notes/get/"+<?php echo $id;?>;

$.get(get_url, function(data) {

$.each(data,function(index, arr)
   {
      var opt = $('<li />'); 

      opt.text(arr['body']);
      $('#notes-list').append(opt);
   });
});

var get_url=“index.php/notes/get/”+； $.get（获取url，函数（数据）{ $.each（数据、函数（索引、arr） { var opt=$（“

”）； 选择文本（arr['body']）； $（“#注释列表”）。附加（可选）； }); }); 这将生成正确的列表，但我想在列表项中的文本周围添加

标记

有人能给我指出正确的方向吗

我试过opt.innerHTML=“
”；但是没有运气

谢谢

Billy
试试这个（包括追加一个
$（“你可以只追加HTML而不是对象

var get_url=“index.php/notes/get/”+；
$.get（获取url，函数（数据）{
$.each（数据、函数（索引、arr）{
var html='
'+arr['body']+'
'；
$（“#注释列表”）.append（html）；
});
});

var get_url = "<?php echo base_url(); ?>index.php/notes/get/"+<?php echo $id;?>;

$.get(get_url, function(data) {
$.each(data,function(index, arr)
   {
      var opt = $('<li>'); 
      var text = $('<pre>', {text: arr['body']})
      opt.append(text);
      $('#notes-list').append(opt);
   });
});

var get_url = "<?php echo base_url(); ?>index.php/notes/get/"+<?php echo $id;?>;

$.get(get_url, function(data) {
    $.each(data,function(index, arr){
       var html = '<li><pre>' + arr['body'] + '</pre></li>';
       $('#notes-list').append(html);
    });
});