Search code examples
jquerysquarespace

JQuery append image

I'm trying to move the thumbnail image below the summary title. Here's my code. Currently nothing happens. Any suggestions? Thank you!

JQuery

 $(".summary-thumbnail-image" ).insertBefore( ".summary-excerpt" );

HTML

<div class="summary-item">
<a href="/blog/gathering" class="summary-thumbnail-container">
<div class="summary-thumbnail">
<img src="gathering.jpg" class="summary-thumbnail-image">
</div>
</a>

<div class="summary-title">...</div>

<div class="summary-excerpt">...</div></div>
Solution

  • you can try

    $(document).ready(function(){
  $('.summary-item').each(function(){
     var ThisIt = $(this);
     ThisIt.find('.summary-thumbnail-container').insertAfter(ThisIt.find('.summary-title'));
  });
});