jQuery 删除自定义元素的标签

Question

我使用拆分和连接函数动态生成了以下标记

<span>
    <em style="position: relative;">T</em>
    <em class="good" style="position: relative;">H</em>
    <em style="position: relative;">E</em>
    <em style="position: relative;">S</em>
</span>

我想删除没有“good”类的元素的 em 标签。得到这样的东西:

<span>
    T <em class="good" style="position: relative;">H</em> ES
</span>

我认为我可以使用展开来实现此目的，但它不起作用:

$(document).ready(function(){
$("#njoin").live('click', function(){
$('em').each(function() {
    if ($(this).hasClass('good')) {
         $('.good').unwrap();
    }
});         
});
});

我应该怎么做才能让它发挥作用？谢谢

Answer 1

$('em').each(function(){
if(!$(this).hasClass('good'))
   $(this).remove();
});

应该就是这么简单。