javascript - 使用 jQuery [attribute^=value] 选择器定位元素后获取 data-val 的值

Question

我有一长串<li> ，每个都有一个 data-val属性。示例:

<li data-val="yesterdayTrip">Trip</li>

使用 jQuery attribute^=value我可以找到特定的 <li>基于部分字符串匹配并使用 css 可以更改 <li> 。如:

$("[data-val^='yes']").css("background-color", "yellow");

但是我不想把背景变成黄色，我想得到完整的data-val值(value)。以下内容不起作用，尽管在我看来它应该起作用:

var fullValue = $("[data-val^='yes']").getAttribute("data-val");

如何获取 data-val 的值？

Answer 1

获取可以使用的data-val属性

$("[data-val^='yes']").data("val")

或

$("[data-val^='yes']").attr('data-val')

任何一个都会获得该值。但是，如果您有多个选择器匹配，那么它只会获取第一个选择器，您必须将其放入循环中才能获取所有选择器。