jQuery 2.2.3获取“数据”属性的未定义

Question

I use jquery 2.2.3 and I have this div:

<div class="typeahead" data-minLength="1" data-queryURL="url"></div>

If I do:

console.log(jQuery('.typeahead').attr('data-queryURL')

I get "url".

If I do:

console.log(jQuery('.typeahead').data('queryURL')

I get "undefined".

Answer 1

我认为jquery .data()支持小写键名。

console.log(jQuery('.typeahead').data('queryurl'));

Answer 2

Uppercase characters are not supported in data-* attributes. The HTML5 spec says:

3.2.3.8 Embedding custom non-visible data with the data-* attributes A custom data attribute is an attribute in no namespace whose name starts with the string "data-", has at least one character after the hyphen, is XML-compatible, and contains no characters in the range U+0041 to U+005A (LATIN CAPITAL LETTER A to LATIN CAPITAL LETTER Z).

Explained also here .

This works well:

console.log(jQuery('.typeahead').attr('data-queryurl'));
console.log(jQuery('.typeahead').data('queryurl'));