jQuery：除了内部元素之外删除元素

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>

to

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

我写了这段代码，但是它不能工作：

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

- Morteza

Answer 1

jQuery有一个unwrap()方法，它会移除父节点并保留匹配元素的位置:

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

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

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

- Andy E

---

或者 $(".gallery .thumbnail").unwrap(); - nnnnnn

Answer 2

$(".thumbnail").unwrap()

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

- Antti Haapala -- Слава Україні

Answer 3

可能有更简单的方法，但是：

$('.gallery').each( function() {

    var img = $(this).find('img');
    $(this).children("a").remove();

    $(this).append(img);

});

- Marco Johannesen

Answer 4

尝试

innerhtml = $("div.gallery .thumbnail").get();
$("div.gallery").html(innerhtml);

- M S