Jquery selector on data

Question

So I have the following html object, I want to select it based on the data-value

[<span class="selecter-item selected" data-value="CS 245">CS 245</span>]

I tried something like this, but it does not work.

$("span[data-value='CS 245']")

Anybody knows how to do it?

Did you say object? As it is you selector is targeting the DOM, not some object. — PeterKA
– PeterKA, Commented Nov 18, 2014 at 1:27
I don't see anything wrong in the selector, except for the empty space at the end, check my answer — Daniel Conde Marin
– Daniel Conde Marin, Commented Nov 18, 2014 at 1:30

PeterKA · Accepted Answer · 2014-11-18 01:32:25Z

1

There are two issues:

You have a space after 245
When I copied and pasted your HTML there was a character, I had to delete after =.

This clearly shows you may want to cleanup your HTML to avoid such issues.

The demo works fine.

alert( $("span[data-value='CS 245 ']").length );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="selecter-item selected" data-value="CS 245 ">CS 245</span>

answered Nov 18, 2014 at 1:32

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

2 Comments

Darin Over a year ago

sorry yeah, I was not expecting that you copy over my code and test it. Its my bad. I will edit my question right now.

PeterKA Over a year ago

And why do you have square brackets around your markup? What object are you talking about?

Braian Mellor · Accepted Answer · 2014-11-18 01:30:06Z

0

If you want to know the value of data-value:

$("span").attr("data-value");

If you want to set the data_value, as shaN said:

$("span").attr("data-value","CS 245");

But if you want to select as you did try to delete the empty space data-value="CS 245 "

answered Nov 18, 2014 at 1:30

Braian Mellor

1,9543 gold badges31 silver badges51 bronze badges

Comments

Daniel Conde Marin · Accepted Answer · 2014-11-18 01:31:22Z

0

You have data-value="CS 245 " (Note the empty space!) you should have then :

$("span[data-value='CS 245 ']")

Or just remove the empty space :) and should work the way you currently have it

answered Nov 18, 2014 at 1:31

Daniel Conde Marin

7,7324 gold badges38 silver badges44 bronze badges

Collectives™ on Stack Overflow

Jquery selector on data

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related