Javascript 如何根据数据属性返回选项?

Javascript 如何根据数据属性返回选项?,javascript,jquery,html,Javascript,Jquery,Html,我们在中的所有上都有数据值属性(参见下面的示例) 在页面加载时,我将有权访问其中一个值,我需要遍历所有值,并找到可用于进一步处理的。我们正试图用jQuery实现这一点 如何遍历以在数据值属性中找到具有值的 选项{ 宽度:100px } A. B C D E F G 使用[属性]选择器 $(“.selections”).find(“[data value='5']”).prop(“selected”,true)。data(“selected”,“true”) 选项{ 宽度:100px; }

我们在
中的所有
上都有数据值属性(参见下面的示例)

在页面加载时,我将有权访问其中一个值,我需要遍历所有
值,并找到可用于进一步处理的
。我们正试图用jQuery实现这一点

如何遍历
以在数据值属性中找到具有值的

选项{
宽度:100px
}

A.
B
C
D
E
F
G

使用
[属性]
选择器

$(“.selections”).find(“[data value='5']”).prop(“selected”,true)。data(“selected”,“true”)
选项{
宽度:100px;
}

A.
B
C
D
E
F
G
您可以使用
.attr()
函数将数据属性添加到选项中

$(".selections").find("[data-value='5']").prop("selected", true).attr("data-selected", "true");

正在工作的演示

我尝试了,但它没有设置数据选择属性