jQuery的：添加HTML的动态列表

Question

您好我有一段的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); 
    }); 
}); 

这将产生正确的列表，但我想四周添加文本< pre>标记列表项。

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

我试过opt.innerHTML =“< pre />”;但没有运气。

感谢，

比利

Answer 1

您可以只是追加的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 html = '<li><pre>' + arr['body'] + '</pre></li>'; 
     $('#notes-list').append(html); 
    }); 
}); 

Answer 2

试试这个（其中包括追加$('<pre>')元素UR obt元素）：

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); 
    }); 
});