title: how to get all tag inside div tag using jquery?
body: <p>I want to get tag value inside <code>DIV</code> tag using jquery</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li class="a-carousel-card" style="width: 160px; margin-left: 14px;" role="listitem" aria-setsize="64" aria-posinset="1" aria-hidden="false"&gt;
     &lt;div id="sp_detail_ABCDEF" data-asin="ABCDEC"&gt;                            &lt;/div&gt;
  &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>i want to get value of div id and my output would be ABCDEF.</p>
  
  <p>I tried</p>
  
  <pre><code>$("li[class$='a-carousel-card']").each(function(){
  
  }
  </code></pre>
  
  <p>but i am not sure how can i get value.</p>