JQuery data is selected from several names

Question

I have such a setup where I need to get one of data-targets:

<div data-target="one">One</div>
<div data-target="two">Two</div>
<div data-target="three">Three</div>

How can I write a selector that allows me to target data-target="one"

Answer 1

To do this, use the base Attribute Selector . Thus, you can target this way:

$('[data-target="one"]');

And getting the data item can be done with:

$('[data-target="one"]').data("target");

Make sure you are using the latest version of jQuery. If not, you can also use pure JavaScript :

document.querySelectorAll('[data-target="one"]');

Answer 2

CSS , div[data-target="one"]

function jChoice(val) {
    return $('[data-target="' + val + '"]');
}