получение пользовательских атрибутов xhtml из jquery в IE

Question

я получил несколько li элементов с атрибутом custome "type".

когда я пытаюсь в jquery получить значение этого атрибута ширины jquery следующим образом:

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

я получаю значения только в Firefox, но не в IE 7-8

какие решения?

Answer 1

type является устаревшим атрибутом для элементов ul, ol и li, которые IE все еще поддерживает, наряду с 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'));
})

Тогда не будет никаких зарезервированных конфликтов имен атрибутов в будущем с любым браузером.

Подробнее см. Настраиваемые атрибуты в HTML 5 .