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?

Answer 1

Use .filter with the attribute selector:

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

Answer 2

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

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

Answer 3

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

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