使用jQuery定位元素後獲取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值。下面是不行的，但在我看來，它應該：

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