jQuery : remove element except inside element

Question

有没有办法删除除内部元素之外的元素:

<div class="gallery">
  <a href="images/rep.png" title="rep">
    <img src="http://example.com/uploads/rep.png" class="thumbnail" alt="rep" title="rep">
  </a>
</div>

至

<div class="gallery">
  <img src="http://example.com/uploads/rep.png" class="thumbnail" alt="rep" title="rep">
</div>

我写了这段代码但不起作用:

$(".gallery").contents().filter(".thumbnail").remove();

Answer 1

jQuery 有一个 unwrap() 方法，可以删除父节点并将匹配的元素保留在适当的位置:

$(".gallery").contents().filter(".thumbnail").unwrap();

// or (faster)
$(".gallery .thumbnail").unwrap();

• http://api.jquery.com/unwrap/