troubleshooting Question

Select element based on data attribute

Avatar of tonelm54
tonelm54 asked on
jQuery
4 Comments1 Solution11 ViewsLast Modified:
Is it possible to select an element based on a value set on its data attribute?

For example, I thought I could use:-
$("div").find("[data-btn='1']").css({'background-color':'#232323'});
So, if I had multiple elements such as:-
<div data-btn="1">1</div>
<div data-btn="2">2</div>
<div data-btn="3">3</div>
<div data-btn="4">4</div>
<div data-btn="5">5</div>
It would set the first element to have the background colour.

The idea eventually is be a bit more dynamic with the data value, so something like:-
$("div").find("[data-btn='" + $(this).val() . "']").css({'background-color':'#232323'});
But, Im just seeing if this is possible first.

eg https://jsfiddle.net/8yansth1/

Any ideas???
ASKER CERTIFIED SOLUTION
leakim971
Multitechnician
Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros