jQuery无法获取UL元素的自定义属性

Question

我目前主要关注jQuery 1.8.2中的以下问题。

自定义属性适用于例如输入字段：

<input id="test" required="true"> 

$("#test").prop("required") 

true 

$("#test").get(0).required 

true 

但是没有UL元件。

<ul id="test" required="true"></ul> 

$("#test").prop("required") 

undefined 

$("#test").get(0).required 

undefined 

任何想法为什么它不适用于Firefox 16中的UL元素，但在MSIE 8中？谢谢！

Answer 1

如果你需要使用一个原因或其他自定义属性，看看HTML5 data-属性。

<ul id="test" data-required="true"></ul> 

console.log($('#test').data('required')); 

http://ejohn.org/blog/html-5-data-attributes/

http://api.jquery.com/data/#data-html5

Answer 2

您必须使用：

$('#test').attr('required') 

Answer 3

这是因为HTML5 required是投入要素的有效属性和jQuery返回该属性的值，并为ul元素required仅仅是一个无效的属性。一个ul元素没有required属性，所以它是未定义的。

http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#the-required-attribute