Organizational Research By

Surprising Reserch Topic

jquery remove element except inside element


jquery remove element except inside element  using -'jquery,dom-manipulation'

Is there any way to remove element except inside element:

<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>


I wrote this code but not work:

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

    

asked Sep 15, 2015 by HeathJrkhhj
0 votes
33 views



Related Hot Questions

2 Answers

0 votes

jQuery has an unwrap() method which removes the parent node and leaves the matched element in place:

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

// or (faster)
$(".gallery .thumbnail").unwrap();
answered Sep 15, 2015 by DicKyw
0 votes

Might be a simpler method, but:

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

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

    $(this).append(img);

});
answered Sep 15, 2015 by EmoBeveridg

...