如何使用 jQuery 获取在 data-* 中找到的特定值的第一个实例

Question

正如标题所述，我想获取赋予数据中属性的值的第一个实例-*前任：<div class="row mt-2" data-group="1"><div class="row mt-2" data-group="1"><div class="row mt-2" data-group="2"><div class="row mt-2" data-group="2"><div class="row mt-2" data-group="3"><div class="row mt-2" data-group="3">假设我已经有了在数据组中找到的所有唯一值的列表。我如何能够指定具有第一个实例“1”、“2”和“3”的 div。这样做的目的是能够使用 jQuery 在每个唯一数据组的第一个实例之前添加一些内容

Answer 1

您可以遍历每个data-group数字，并仅选择组中的第一个：

for (let i = 1; i < 4; i++) {

  $(`[data-group=${i}]`).first().css("border", "blue solid 2px")

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="groups"> <!-- or something -->

  <div class="row mt-2" data-group="1">Group 1</div>

  <div class="row mt-2" data-group="1">Group 1</div>

  <div class="row mt-2" data-group="1">Group 1</div>

  <div class="row mt-2" data-group="2">Group 2</div>

  <div class="row mt-2" data-group="2">Group 2</div>

  <div class="row mt-2" data-group="3">Group 3</div>

  <div class="row mt-2" data-group="3">Group 3</div>

  <div class="row mt-2" data-group="3">Group 3</div>

  <div class="row mt-2" data-group="3">Group 3</div>

</div>