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