Jquery selector for hiding element that has an children element with class

Question

This is a sample html

<iframe id="theiframe">
...
<form>
    <div class="pluginConnectButton">
        <div class="pluginButton pluginButtonInline pluginConnectButtonDisconnected" title="">
            ...
        </div>
        <div class="pluginButton pluginButtonPressed pluginButtonInline pluginButtonX pluginConnectButtonConnected hidden_elem" title="">
            ...
        </div>
</form>
...
</iframe>

I want if the div with class pluginButton pluginButtonInline pluginConnectButtonDisconnected has class "hidden_elem" and is in the iframe with id = theiframe, then to do some action

have a look on this link http://stackoverflow.com/questions/1654017/how-to-expose-iframes-dom-using-jquery — शेखर, Apr 20 '13 at 10:29

score 0 · Answer 1 · answered Apr 20 '13 at 10:35

0

http://jsfiddle.net/vt8WW/

alert($('#theiframe').hasClass('hidden_elem'));

Use it like this

answered Apr 20 '13 at 10:35

underscore

6,495
6
39
78

score 0 · Answer 2 · answered Apr 20 '13 at 10:38

0

Try

var el = $('.pluginButton.pluginButtonInline.pluginConnectButtonDisconnected');
if(el.hasClass('hidden_elem') && el.closest('#theiframe').length){
    //do something
}

answered Apr 20 '13 at 10:38

Arun P Johny

384,651
66
527
531

@МихаилШахов is the script running within iframe or from parent window – Arun P Johny Apr 20 '13 at 10:57
i think i missunderstand but it's after the iframe. I tried it here but http://jsfiddle.net/vt8WW/ ... – shaxaaa Apr 20 '13 at 11:03
@МихаилШахов I don't think you can pass content to iframe like that, you need to use the `src` attribute of the iframe to load content to iframe – Arun P Johny Apr 20 '13 at 11:10
no i just want if there is such an element to hide the whole iframe – shaxaaa Apr 20 '13 at 11:12

Jquery selector for hiding element that has an children element with class

2 Answers2