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?

Those does not have selection variables. I am not dumb to post question right away. — Abel D
– Abel D, Commented Jul 28, 2015 at 16:37

Felix Kling · Accepted Answer · 2015-07-28 16:39:51Z

1

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

answered Jul 28, 2015 at 16:39

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

Comments

AmmarCSE · Accepted Answer · 2015-07-28 16:33:26Z

0

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

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

answered Jul 28, 2015 at 16:33

AmmarCSE

30.7k6 gold badges48 silver badges53 bronze badges

Inspector Squirrel · Accepted Answer · 2015-07-28 16:34:25Z

0

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

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

answered Jul 28, 2015 at 16:34

2,5462 gold badges29 silver badges38 bronze badges