getting xhtml custom attributes from jquery in IE

Question

i got some li elements with a custome attribute "type".

whe i try in jquery to get the value of this attribute width jquery like so:

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

i only get the values in firefox but not in IE 7-8

any solutions?

var $list = $("#manage_menu"); #manage_menu = the ul element. enyway if i"m trying to get lets say the ID it works fine — Gilad
– Gilad, Commented Aug 11, 2009 at 17:10
IE may be error'ing on the call to console.log(), which is a firebug construct. Change it to alert() and post an update. — Crescent Fresh
– Crescent Fresh, Commented Aug 11, 2009 at 17:26
the cosnole.log is used in IE8 wich has a console so its fine:) — Gilad
– Gilad, Commented Aug 11, 2009 at 17:27

Crescent Fresh · Accepted Answer · 2009-08-11 17:35:31Z

3

type is a deprecated attribute for ul, ol, and li elements that IE still supports, along with start, value and compact. See http://www.w3.org/TR/html401/struct/lists.html#adef-type-OL.

Prefix your custom attributes with "data-". So you'd do instead:

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

and then:

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

Then there won't be any reserved attribute name clashes in the future, with any browser.

answered Aug 11, 2009 at 17:35

Crescent Fresh

117k27 gold badges157 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1