How can i use jquery to find an item by a different attribute than class? [duplicate]

Question

I have the following html on a page:

<span class="descriptionLink" projectid="14180">
            Some text
</span>

<span class="descriptionLink" projectid="14181">
            Some text
</span>

<span class="descriptionLink" projectid="14182">
            Some text
</span>

<span class="descriptionLink" projectid="14182">
            Some text
</span>

and i want to grab the item with projectid = 14182 . What is the right jquery syntax to grab this set of elements?

Use a standard attribute selector: $("[projectid='14182']"); — Sampson
– Sampson, Commented Apr 2, 2014 at 20:23
I think stackoverflow.com/questions/4146502/… is a better duplicate, searching would have found a lot of answers. Also, to be valid HTML, you should use data-projectid instead. — Chris Baker
– Chris Baker, Commented Apr 2, 2014 at 20:25

user1019517 · Accepted Answer · 2014-04-02 21:23:48Z

2

seeing as projectid is an invalid element attribute, I'd say there's no right way to select on it. You'd be better off in HTML5 using

<span class="descriptionLink" data-projectid="14182">

and selecting off of $('[data-projectid="14182"]')

Or, alternatively, using classes:

<span class="descriptionLink projectid-14182">

Selecting like so:

var project_id_to_find = 14182;
$(".projectid-" + project_id_to_find);

answered Apr 2, 2014 at 21:23

user1019517

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

2 Comments

leora Over a year ago

when you say its an "invalid element" it seems to work in all browsers i have tried so what is "wrong" with it?

user1019517 Over a year ago

Browsers tend to be forgiving. In XML you'd be able to define all of your own attributes, but HTML isn't really the same way. Here's the w3.org page on spans: w3.org/TR/html-markup/span.html and here is the list of <span>'s valid attributes: w3.org/TR/html-markup/global-attributes.html . Even though browsers may seem to support it, it's behavior is basically undefined.

Aguardientico · Accepted Answer · 2014-04-02 20:23:33Z

0

You can use attributes selector:

$('span[projectid=14182]')

answered Apr 2, 2014 at 20:23

Aguardientico

7,7991 gold badge36 silver badges34 bronze badges

Collectives™ on Stack Overflow

How can i use jquery to find an item by a different attribute than class? [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related