使用jquery将跨度类传递给数据属性[重复]

Question

在将我的跨度类的值传递给包含在其父 div 中的数据属性 (data-groups) 的一些帮助后，我得到了一些帮助，所有这些属性都具有相同的类 (.item)。这是我当前的代码。

<div class="item" href="#" data-groups="">
   <div class="caption">
      <p><span class="value1"></span>Description</p>
    </div>
</div>

<div class="item" href="#" data-groups="">
   <div class="caption">
      <p><span class="another-value"></span>Description</p>
    </div>
</div>

<div class="item" href="#" data-groups="">
   <div class="caption">
      <p><span class="third-value"></span>Description</p>
    </div>
</div>

<script type="text/javascript">
$(".item").attr("data-groups", function() {
  return $('.caption p span').attr('class');
});
</script>

这有点工作，但它用"value1" 填充所有data-groups 属性。我希望他们都从各自的子跨度类中接收数据属性。例如，第一项 div 应该有 'data-groups'attribute 的 'value1', 第二个和 'another-value', 等。

我对 jquery 有点生疏，但我边走边学。感谢您提供任何帮助。

Answer 1

试试这个：

$(".item").attr("data-groups", function() {
  return $(this).find('.caption p span').attr('class');
});