Question

I have a string containing html code, something like this: http://jsbin.com/ocoteg/1.
I want to parse this string, make some changes (just for example: change all links to a span), and then get the modified html string back.

Here is a jsbin, where I started this, but I can’t make it work: http://jsbin.com/okireb/1/edit.

I get the html string, I parse it with jquery, but I can’t replace the links, and get the modified html string back.

UPDATE

Why the downvote? What is the problem with this question?

Answer 1

You can do it in a loop also

dom.each(function(i,v){
  if(v.tagName == "A"){
    dom[i] = $('<span/>').html($(v).html())[0]; // replace it right away with new span element
  }
});

var newString = $('<div>').append(dom.clone()).html(); //<-- to get new string http://stackoverflow.com/a/652771/1385672
console.log(newString);​

EDIT:

Here’s how you can do it keeping the other tags

var dom = $(text.split('\n'));  

$(dom).each(function(i,v){ 
  var ele = $(v)[0];      
  if($(ele).is('a')){            
     dom[i] = $('<div>').append($('<span/>').html($(v).html())).html();        
  }
});

var newString = dom.get().join('\n');     

http://jsbin.com/okireb/32/edit