remove all occurence of anchor tags from a string without removing thier child node

Question

I have an html string and I need help transforming this:

<table >
  <tr>
      <td><a href="/link.html" onclick="javascript:aFunction()">some text</a></td>
      <td><a href="/anotherlink.html">some more text</a></td>           
  </tr>
</table>

to this:

<table >
  <tr>
      <td>some text</td>
      <td>some more text</td>           
  </tr>
</table>

Answer 1

$(function(){
$('td a').each(function(){
   $(this).replaceWith($(this).text());
});
});

Answer 2

In jQuery 1.4+, you can pass a function to .replaceWith(), like this:

​$("table a")​.replaceWith(function() { return this.innerHTML; });​

You can give it a try here.

If you literally have a string, and not elements, it would look like this:

var html = '<table>...{rest of string}...</table>';
var o=$(html).find('a').replaceWith(function(){ return this.innerHTML; }).end();​

You can try that version here.