Question

HTML

<div class="page-content">
    <div class="something">
      <img class="image" src="something alt="something">
    </div>
    <div class="another-div-in-there"></div>
    <div class="gallery">
      //stuff in there
    </div>

    <div class="something">
      <img class="image" src="something alt="something">
    </div>
    <div class="another-div-in-there"></div>
    <div class="another-div-in-there"></div>
    <div class="gallery">
      //stuff in there
    </div>

    <div class="something">
      <img class="image" src="something alt="something">
    </div>
    <div class="another-div-in-there"></div>
    <div class="gallery">
      //stuff in there
    </div>
</div>

---

jQuery

$(".page-content .image").each(function(i) {
    //$(this).closest('.gallery') ??
});

How can I find/select the “next” or “following” .gallery for each `.image“

So when running through the each() loop I want the first gallery for the first image.
When running through the second .image I want to find the .gallery that is “underneath” the second .image in the dom-tree.

Any idea how to do so?

Answer 1

This plugin was written for exactly this. Disclaimer: I wrote it

http://techfoobar.com/jquery-next-in-dom/

$(".page-content .image").each(function() {
    $(this).nextInDOM('.gallery');
});