如何使用 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++) {&nbsp; $(`[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 -->&nbsp; <div class="row mt-2" data-group="1">Group 1</div>&nbsp; <div class="row mt-2" data-group="1">Group 1</div>&nbsp; <div class="row mt-2" data-group="1">Group 1</div>&nbsp; <div class="row mt-2" data-group="2">Group 2</div>&nbsp; <div class="row mt-2" data-group="2">Group 2</div>&nbsp; <div class="row mt-2" data-group="3">Group 3</div>&nbsp; <div class="row mt-2" data-group="3">Group 3</div>&nbsp; <div class="row mt-2" data-group="3">Group 3</div>&nbsp; <div class="row mt-2" data-group="3">Group 3</div></div>