我在一个div中有几个类的实例。我知道div的id。我无法让它工作。如何隐藏div中的类
$('#ContactPersonChildListDiv').children().filter('.lrml').hide()
这是行不通的。 所以我需要隐藏div的所有孩子id='ContactPersonChildListDiv'
,属于类lrml
。
我在一个div中有几个类的实例。我知道div的id。我无法让它工作。如何隐藏div中的类
$('#ContactPersonChildListDiv').children().filter('.lrml').hide()
这是行不通的。 所以我需要隐藏div的所有孩子id='ContactPersonChildListDiv'
,属于类lrml
。
要隐藏所有与该类使用>
孩子选择器:
$('#ContactPersonChildListDiv > .lrml').hide();
如果你想隐藏的所有后代与该类用途:
$('#ContactPersonChildListDiv .lrml').hide();
选择元素使用jQuery是非常接近(在这种情况下,相同),如您选择将它们与CSS selectors:
E F
匹配作为E元素的后代的任何F元素。后代选择
E > F
匹配任意F元素是一个元素的子E.
那么,你没有提供任何HTML,但这可能会帮助你。 试试这个:
$('#ContactPersonChildListDiv').find('.lrml').hide();
烈也可以做到这一点的方法:
$('#ContactPersonChildListDiv .lrml').hide();
的HTML:
<div id='ContactPersonChildListDiv'>
<div class='aaa'>AAA</div>
<div class='lrml'>LRML</div>
<div class='bbb'>BBB</div>
</div>
<input type='button' onclick='hideSomeClass()'>
和JS:
function hideSomeClass(){
var pdiv=document.getElementById('ContactPersonChildListDiv');
var divs=pdiv.children;
for (var i = divs.length - 1; i >= 0; i--) {
if(divs[i].className=='lrml'){
divs[i].style.display='none';
}
};
}
什么是你的HTML代码?
您张贴div的ID是
id='#ContactPersonChildListDiv'
确保#没有在这个ID,像
<div id='ContactPersonChildListDiv'>
提供的HTML,这将有助于给你一个答案。 – 2014-10-30 15:29:26
'$('#ContactPersonChildListDiv .lrml')hide()'在'ContactPersonChildListDiv'中选择所有类'lrml' – 2014-10-30 15:30:16
@Bondye发布解决方案作为答案。 – pms 2014-10-30 15:31:41