如何查找元素的屬性值

Question

這是一段代碼

<span class="balance themecolor" data-balance="2800">

我正在尋找一種提取數據平衡值並將其設置為變量x的方法，但我完全不知道如何執行此操作。 我知道.val（）的存在，但不知道是否可以將其應用於此代碼。 我正在尋找一個單行長的解決方案。

Answer 1

如果您使用的是jQuery（如您提到的.val() ）：

var x = $("[data-balance]").attr("data-balance");

或者，如果您不是：

var x = document.querySelector("[data-balance]").getAttribute("data-balance");

在這兩種情況下， [data-balance]都是元素的CSS選擇器； 根據需要進行調整。 例如，對於該元素，並且假設在任何一個類中都沒有其他元素，則可以使用.balance ， .themecolor甚至.balance.themecolor 。

jQuery會找到與選擇器匹配的所有元素（如果有問題，您通常可以更改，但可以更改），但是只有第一個屬性值可以給您。

querySelector將以第一個停止。 如果要查找所有內容並獲取列表，請使用querySelectorAll （然后將其索引以獲取單個列表）。