jQuery를 : 동적 목록

Question

안녕 동적으로 정렬되지 않은 목록을 만듭니다 JQuery와의 조각이 내부에 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 />'); 

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

이 정확한 목록을 생성하지만 텍스트의 주위에 < 사전> 태그를 추가 할 리스트 항목.

누군가 나를 올바른 방향으로 안내 할 수 있습니까?

opt.innerHTML = "< pre />"시도했습니다. 운이 없다. (obt 요소를 통해 UR하는 $('<pre>') 요소를 추가 포함)

감사합니다,

빌리

Answer 1

.

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

이 시도 : 당신은 단지 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); 
    }); 
});