用于隐藏具有带子类的子元素的元素的Jquery选择器

时间:2013-04-20 10:26:44

标签: javascript jquery css-selectors

这是一个示例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>

我想如果带有类pluginButton pluginButtonInline pluginConnectButtonDisconnected的div具有类“hidden_​​elem”并且在idrame中具有id = theiframe,那么就做一些动作

2 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/vt8WW/

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

像这样使用

答案 1 :(得分:0)

尝试

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