Jquery select element from data attribute that is stored in a variable

Question

I have many divs with class .modal-dialog and a data field like data-modal='student' and set it to display:none

I select and store it on variable like

    modal_dialog= $('.modal-dialog')

Now I need to show modal with a particular data-modal attribute.

I tried

modal_dialog.hasData('student').show();
modal_dialog.data('student').show();

but didn't work. Any idea how to get this work?

Please [use the search](http://stackoverflow.com/search?q=%5Bjquery%5D+select+data+attribute) before you ask a new question. — Felix Kling, Jul 28 '15 at 16:33
Those does not have selection variables. I am not dumb to post question right away. — Abel D, Jul 28 '15 at 16:37
Ah now, I see. Use `.filter` then: http://api.jquery.com/filter/. — Felix Kling, Jul 28 '15 at 16:37

score 1 · Accepted Answer · answered Jul 28 '15 at 16:39

1

foo.filter('[data-bar="baz"]')

answered Jul 28 '15 at 16:39

Felix Kling

score 0 · Answer 2 · answered Jul 28 '15 at 16:33

0

If the data field is an actual attribute, you can do

$('.modal-dialog[data-modal]').show();

answered Jul 28 '15 at 16:33

AmmarCSE

score 0 · Answer 3 · answered Jul 28 '15 at 16:34

0

If you need to look for the actual value in data-modal,

$('.modal-dialog[data-modal="student"]').show();

answered Jul 28 '15 at 16:34

3 Answers3