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

Question

This question already has answers here:

jQuery - How to match an element has attribute a or attribute b (3 answers)

jQuery selectors on custom data attributes using HTML5 (4 answers)

Closed 9 years ago.

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?

Answer 1

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);

Answer 2

You can use attributes selector:

$('span[projectid=14182]')