What is your opinion about using non valid attributes on html elements for easier jQuery selectors etc ?
Eg.
<div name="myDiv"></div>
According to Visual Studio the name attribute is not valid for a div element.
-
possible duplicate of stackoverflow.com/questions/1462237/…Quentin– Quentin2010-05-05 08:19:59 +00:00Commented May 5, 2010 at 8:19
Add a comment
|
3 Answers
I would recommend using "dummy" classes (and the jQuery class selector) to disambiguate naming of html elements. 100% compliant approach.
2 Comments
Marcus
The problem for me when using the class is that it's a conflict with my css. I want to have the same css for a bunch of elements but want to query only a handful of them at a time so I need another discriminator attribute.
Quentin
The class attribute takes a space separated list of classes. Give the elements multiple classes.
class="transport bus".If you absolutely must, use the data pseudo-namespace; such as data-id or data-name.
Edit: Using the data pseudo-namespace is far better than perverting the usage of an existing attribute like class or id.
1 Comment
James H
This is a fine approach for adding metadata, but you would need something like John Resig's jQuery Metadata plugin to make it compelling for use with jQuery.
If you still wanted to remain w3c compliant, the w3c allows title attribute for extra information, which you can use in lieu of adding new non-standard attributes.
1 Comment
Quentin
The title attribute is for advisory information about an element, it is presented to users. It is a very poor choice of attribute to use to store arbitrary data that you want to access via JavaScript.