Find element not directly in dom path <p>I have a dom structure that looks something like (although a lot more complex)</p> <pre><code>&lt;div&gt; &lt;div&gt; &lt;div&gt; &lt;div class="remaining"&gt;132&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;button&gt;clicky&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;div&gt; &lt;div&gt; &lt;div class="remaining"&gt;142&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;button&gt;clicky&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;div&gt; &lt;div&gt; &lt;div class="remaining"&gt;152&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;button&gt;clicky&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>As you can see the divs with class <code>remaining</code> arn't directly in the dom path of the relative buttons.</p> <p>How can I when the button is clicked, increment the relative <code>remaining</code> div by 1?</p>