Conditional jQuery Selector based on attributes using jQuery [duplicate]

Question

How can I select a DOM element that has two data- attributes matching my values using jQuery? My element is

<a data-published="true" data-i ="3"></a>

I need to select this element.

$('a[data-published=true][data-i=3]') u can use it like this — shajji
– shajji, Commented Aug 16, 2018 at 13:27

void · Accepted Answer · 2018-08-16 13:23:20Z

2

It will be a[data-published="true"][data-i ="3"]

var $el = $('a[data-published="true"][data-i ="3"]');
console.log($el.length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a data-published="true" data-i ="3"></a>

answered Aug 16, 2018 at 13:23

void

36.7k10 gold badges71 silver badges111 bronze badges

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

1 Comment

You may help the community more by flagging the dup question instead of answering them...

Avi · Accepted Answer · 2018-08-16 13:23:01Z

1

$('a[data-published="true"]').val

so on your code.. if you want to match both then

$('a[data-published="true"][data-i="3"]').val

answered Aug 16, 2018 at 13:23

Avi

1,6172 gold badges16 silver badges38 bronze badges