title: jQuery closest div with specific class/id
body: <p>I need your help.<br>
  This code works fine for me:</p>
  
  <pre><code>&lt;div class="grauereihe"&gt;
      &lt;div class="kleinesbild"&gt;
          &lt;a data-lightbox="ags1" class="bildtopa" href="images/image1.jpg"&gt;
              &lt;img class="bildtop" src="images/produkte/KHF/KHF-DN40-03-2.jpg" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="infozeile"&gt;
          &lt;div class="produkttext"&gt;
              &lt;img class="kleinegalerie" src="images/image2.jpg" /&gt;
              &lt;img class="kleinegalerie" src="images/image3.jpg" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt;
  $('.produkttext img').on({
      'mouseover': function() {
          var images = $(this).attr('src');
          $('.bildtop').attr('src', images);
          $('.bildtopa').attr('href', images);
      }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>but i need this code for more than one .grauereihe, like:</p>
  
  <pre><code>&lt;div class="grauereihe"&gt;
      &lt;div class="kleinesbild"&gt;
          &lt;a data-lightbox="lb1" class="bildtopa" href="images/image1.jpg"&gt;
              &lt;img class="bildtop" src="images/image1.jpg" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="infozeile"&gt;
          &lt;div class="produkttext"&gt;
              &lt;img class="kleinegalerie" src="images/image2.jpg" /&gt;
              &lt;img class="kleinegalerie" src="images/image3.jpg" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="grauereihe2"&gt;
      &lt;div class="kleinesbild"&gt;
          &lt;a data-lightbox="lb1" class="bildtopa" href="images/image1.jpg"&gt;
              &lt;img class="bildtop" src="images/image1.jpg" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="infozeile"&gt;
          &lt;div class="produkttext"&gt;
              &lt;img class="kleinegalerie" src="images/image2.jpg" /&gt;
              &lt;img class="kleinegalerie" src="images/image3.jpg" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So i thought of replace the <code>src</code> and <code>href</code> with closest-function (or parent), but I can't get it work. Like:</p>
  
  <pre><code>&lt;script&gt;
  $('.produkttext img').on({
      'mouseover': function() {
          var images = $(this).attr('src');
          $(this).closest('img').find('.bildtop').attr('src', images);
          $(this).closest('a').find('.bildtopa').attr('href', images);
      }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Can anyone help me out? Thanks</p>