从父级中删除特定标签（jQuery）

Question

HTML：

<div class="featured">
    <h4><a href="#">Title 1</a></h4>
    <a href="#"><img src="image.png" class="image"/></a>
    <p><a href="#"></a><br />
    Description goes here</p>
</div>

<div class="featured">
    <h4><a href="#">Title 2</a></h4>
    <a href="#"><img src="image.png" class="image"/></a>
    <p><a href="#"></a></p>
    <p>Description goes here</p>
</div>

.. 如何从 .featured 中删除所有

标签？

谢谢

Answer 1

这是可行的，但只是因为你的段落元素位于 div 的末尾：

$(".featured p").each(function(){
    var content = $(this).html();
    $(this).parent().append(content);
    $(this).remove();
});

Answer 2

查看 Ben Alman 的展开“插件”

$.fn.unwrap = function() {
  this.parent(':not(body)')
    .each(function(){
      $(this).replaceWith( this.childNodes );
    });

  return this;
};

您的用法是：

$(".featured p > *").unwrap();

Answer 3

$(".featured p").remove();

这是通过将每个

更改为 来实现的。它就地执行此操作，因此

不必位于末尾（无附加 - 它不会对元素重新排序）：

$(".featured p").replaceWith(function(){
     return $('<span />').html( $(this).html() );
});

它使用 html，因此元素将丢失数据和事件绑定。

Answer 4

使用 jQuery 1.4，你可以这样做：

$(".featured p *").unwrap();
$(".featured p").each(function(){
  $(this).replaceWith("<span>"+ $(this).text() + "</span>")
});

此处 测试它

文本节点不会解开，因此你必须单独做它们。我不确定为什么 ReplaceWith 要求它们位于标签内。

Answer 5

像这样的东西吗？

$(".featured p").each(
  function(){
    $(this).after($(this).html()).remove();
});

编辑2：经过测试，有效。又好又简单。