javascript - JQuery - 从“this”中删除特定元素标签（但不是 HTML）？

Question

我有一个表（有 2 列）我想转换成一个列表。

到目前为止，我可以将trs 包装在li标签中，例如：

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

但我想知道是否有一种方法可以简单地将<tr>and<td>标签从 withing 中剥离出来，this只留下任何其他书面内容？

我试过搞乱remove()，replaceWith()但他们也从标签之间删除了所有东西。

有没有办法只针对标签本身？

编辑：HTML：

这：

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

变成：

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

*显然稍后会处理单词之间的空格

Answer 1

试试这个，

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

小提琴 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();