jQuery-在選擇器而不是attr中獲取元素的data屬性的值

Question

我一直在尋找一種進行jQuery選擇的更快捷的方法，我想知道是否存在一種更短的方法來選擇給定元素的data屬性的值。 現在我有這個

const phoneCode = $('#loginCountryCodeInput').attr('data-phone-code');

獲取此數據屬性的值

<input id="loginCountryCodeInput" data-phone-code="+1">

是否有一個較短的選擇器，像這樣？

const phoneCode = $('#loginCountryCodeInput[data-phone-code]');

Answer 1

使用data()方法獲取自定義data-*屬性值。

$('#loginCountryCodeInput').data('phone-code');

---

僅供參考：無法通過選擇器獲取值，選擇器將生成jQuery對象。

---

方法之間有一些區別： jQuery數據與Attr？

Answer 2

您可以為此使用.data()函數

$("#controlid").data("phone-code");

Answer 3

就在這里。 幾乎就像您寫的那樣，但是您需要使用$("#id-of-element[property='value']") 。 例如： $("#loginCountryCodeInput[data-phone-code='+1']")

源文檔： https : //api.jquery.com/attribute-equals-selector/

Answer 4

嘗試這個。 還有其他可用答案。 選擇最適合您的套房。

document.querySelectorAll('[data-phone-code="+1"]');
$('a[data-phone-code=+1]');