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