时间戳

首页 > 解决方案 > 如何使用jquery获取div标签内的所有标签？

jquery - 如何使用jquery获取div标签内的所有标签？

问题描述

我想DIV使用 jquery获取标签内的标签值

<li class="a-carousel-card" style="width: 160px; margin-left: 14px;" role="listitem" aria-setsize="64" aria-posinset="1" aria-hidden="false">
   <div id="sp_detail_ABCDEF" data-asin="ABCDEC">                            </div>
</li>

我想获得 div id 的值，我的输出将是 ABCDEF。

我试过了

$("li[class$='a-carousel-card']").each(function(){

}

但我不确定如何获得价值。

标签： jquery

解决方案

为了达到您的要求，您可以this在each()循环中使用来引用每个li被迭代的内容。然后，您可以在使用获取值之前使用组合find()来检索子项。divdata()asin

另请注意，在这种情况下不需要“属性以”选择器结尾，因为您可以通过类本身进行选择。

$("li.a-carousel-card").each(function() {
  var divId = $(this).find('div').data('asin');
  console.log(divId);
});
ul li {
  width: 160px;
  margin-left: 14px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li class="a-carousel-card" role="listitem" aria-setsize="64" aria-posinset="1" aria-hidden="false">
    <div id="sp_detail_ABCDEF" data-asin="ABCDEC"> </div>
  </li>
</ul>

推荐阅读