我在一個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