jQuery: Adding HTML inside a dynamic list

Question

Hi I have a piece of jquery that dynamically creates an unordered list:

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

This produces the correct list but I want to add < pre> tags around the text in the list item.

Can someone point me in the right direction?

I've tried opt.innerHTML = "< pre />"; but no luck.

Thanks,

Billy

Dutchie432 · Accepted Answer · 2011-03-30 20:52:33Z

2

You could just append the HTML instead of an object.

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

answered Mar 30, 2011 at 20:52

Dutchie432

29.3k20 gold badges94 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Naftali · Accepted Answer · 2011-03-30 20:57:01Z

0

try this (which involves appending a $('<pre>') element to ur obt element):

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

edited Mar 30, 2011 at 20:57

answered Mar 30, 2011 at 20:51

Naftali

147k41 gold badges247 silver badges304 bronze badges

Collectives™ on Stack Overflow

jQuery: Adding HTML inside a dynamic list

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related