从IE中的jquery获取xhtml自定义属性

Question

我有一些 li 元素，其客户属性为“type”。

我尝试在jquery中获取此属性宽度jquery的值，如下所示：

$("li", $list).each(function(){
    console.log($(this).attr("type"));
 });

我只获取firefox中的值，但不是IE 7-8中的值

任何解决方案？

Answer 1

type是IE仍然支持的ul，ol和li元素的已弃用属性，以及start，value和compact。请参阅http://www.w3.org/TR/html401/struct/lists.html#adef-type-OL。

使用“data-”作为自定义属性的前缀。所以你要改为：

<ul>
    <li data-type="foo">Item</li>
    <li data-type="bar">Item</li>
</ul>

然后：

$('li').each(function() {
    console.log($(this).attr('data-type'));
})

以后，任何浏览器都不会有任何保留的属性名称冲突。

有关详细信息，请参阅Custom Attributes in HTML 5。