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