使用jQuery [attribute ^ = value] Selector

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值。以下不起作用，虽然在我看来它应该：

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')

任何一个都会获得价值。但是，如果你有多个选择器匹配，那么它只会得到第一个，你必须把它放在一个循环中才能得到它们。

Answer 2

要获取类型数据的属性数据，您应该只调用提供jquery的数据方法，例如：

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

或

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