jQuery-从“ this”中删除特定的元素标签（而不是HTML）？

Question

I have a table (with 2 columns) I want to convert into a list.

So far I can wrap the tr s in li tags eg:

$('#table tr').each(function() {
  $(this).wrap('<li />');
});

But I was wondering if there was a way to simply then strip the <tr> and <td> tags out from withing this just leaving whatever other written content there is?

I have tried messing around with remove() and replaceWith() but they remove everything from between the tags as well.

Is there a way to just target the tags themselves?

EDIT: HTML:

This:

<tr>
 <td>Lorem</td>
 <td>Ipsum</td>
</tr>
<tr>
 <td>Dolar</td>
 <td>Sit</td>
</tr>

Becomes:

<li>Lorem Ipsum</li>
<li>Dolar Sit</li>

*obviously will deal with the spaces between the words later

Answer 1

Try this,

$(function(){
    $('tr').each(function(){
        console.log('<li>'+$(this).text()+'</li>')
        $(this).html('<li>'+$(this).text()+'</li>');
    });
});

Fiddle http://jsfiddle.net/wwSGV/1

Answer 2

http://jsfiddle.net/m3emb/1/

html

<table>
<tr>
 <td>Lorem</td>
 <td>Ipsum</td>
</tr>
<tr>
 <td>Dolar</td>
 <td>Sit</td>
</tr>
</table>

<ul></ul>

jQuery

var $list = $('ul');
$('table tr').each(function() {
  $list.append($('<li />').html($(this).text()));
});
$('table').remove();