title: How do I find the last element with a specific class
body: <p>I have the following HTML</p>
  
  <pre><code>&lt;ul id="productCategory-ul" class="productCategory__ul"&gt;
  &lt;li&gt;&lt;figure class="productCategory__ul__li" data-id="1"&gt;&lt;/figure&gt;&lt;/li&gt;
  &lt;li&gt;&lt;figure class="productCategory__ul__li" data-id="2"&gt;&lt;/figure&gt;&lt;/li&gt;
  &lt;li&gt;&lt;figure class="productCategory__ul__li" data-id="3"&gt;&lt;/figure&gt;&lt;/li&gt;
  &lt;li&gt;&lt;figure class="productCategory__ul__li" data-id="4"&gt;&lt;/figure&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;!-- end of brandContent__ul --&gt;
  </code></pre>
  
  <p>My intention is to get the last <code>&lt;li&gt;</code>'s figure <code>data-id</code>.</p>
  
  <pre><code>&lt;li&gt;&lt;figure class="productCategory__ul__li" data-id="4"&gt;&lt;/figure&gt;&lt;/li&gt;
  </code></pre>
  
  <p>How do I get <code>productCategory__ul__li</code> last <code>data-id</code>?</p>
  
  <p>I don't want to use <code>productCategory-ul</code> to find my last <code>li</code>, I wanted to use <code>$each</code> or use <code>productCategory__ul__li</code> to find it.</p>