jquery selector (":data(dialog)")

Question

I just googled how to check if an div is initialized as a dialog.

$(this).is(':data(dialog)');

I don't fully understand above code.
Is this means that every initialized dialog has a variable "dialog" and it is set as true ?
Is data() as selector here is the same as in $.data() function ?
Any article should I read ?

Yes, when a dialog is created, the element has a `dialog` data value added to it. — gen_Eric, Dec 04 '12 at 16:50
http://old.nabble.com/How-can-you-check-if-a-dialog-has-been-initialised--td25538383s27240.html — Hendry H., Dec 04 '12 at 17:04
possible duplicate of [jquery data selector](http://stackoverflow.com/questions/2891452/jquery-data-selector) — Denys Séguret, Dec 04 '12 at 17:09
Note to voters : the duplicate was confirmed after discussion in comments (see my answer). — Denys Séguret, Dec 04 '12 at 17:10
After an update to jQuery-ui 1.11.2 the data key seems to have changed from 'dialog' to 'ui-dialog' so the above line should read: `$(this).is(':data(ui-dialog)');` — Sebastian Götz, Feb 06 '15 at 06:33

score 2 · Answer 1 · edited May 23 '17 at 12:27

2

This makes an error.

If there was a :data pseudo-selector it would test if it applies. And it would return a boolean but not change anything.

But there is no :data pseudo selector if you're not using a specific plugin. See reference.

Note that some people have created such a pseudo-selector : jquery data selector

But it's not standard and of course the result would depend on the plugin you use. In "vanilla jQuery", $(this).is(':data(dialog)'); just makes an error.

edited May 23 '17 at 12:27

Community

1
1

answered Dec 04 '12 at 16:41

Denys Séguret

372,613
87
782
758

There is a `:data` pseudo-selector. `$.expr[':'].data` EDIT: I tested it on this page, which apparently uses a jQuery plugin to add it. – gen_Eric Dec 04 '12 at 16:44
@RocketHazmat Do you have a link ? When I test I have an "unsupported pseudo: data" error. – Denys Séguret Dec 04 '12 at 16:45
Weird. I open a JS console on this page, and it worked. I guess SO is using a plugin. – gen_Eric Dec 04 '12 at 16:45
@dystroy More interested in the selector. So If I have `
`, how to make it selected ? – Hendry H. Dec 04 '12 at 16:46
@dystroy No, I mean how to make the div returns true with `$(this).is(':data(dialog)');` line ? – Hendry H. Dec 04 '12 at 16:48
@HendryH. look at the link I give in my answer. It points towards another question and proposed implementations. – Denys Séguret Dec 04 '12 at 16:49
If you confirm that's what you need, let's close this question as duplicate. OK ? – Denys Séguret Dec 04 '12 at 16:51
Answer to my own question, how to make `
` returns true for `$(this).is(':data(dialog)');` is with this `$("#test").data("dialog", "anything");` – Hendry H. Dec 04 '12 at 17:10

jquery selector (":data(dialog)")

1 Answers1