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

这会生成正确的列表，但我想添加＆lt;预＆GT;列表项中文本周围的标签。

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

我试过opt.innerHTML =“＆lt; pre /＆gt;”;但没有运气。

谢谢，

比利

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>')元素中附加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);
   });
});

jQuery：在动态列表中添加HTML

2 个答案: