2014-10-30 36 views
2

我在一個div中有幾個類的實例。我知道div的id。我無法讓它工作。如何隱藏div中的類

$('#ContactPersonChildListDiv').children().filter('.lrml').hide() 

這是行不通的。 所以我需要隱藏div的所有孩子id='ContactPersonChildListDiv',屬於類lrml

+5

提供的HTML,這將有助於給你一個答案。 – 2014-10-30 15:29:26

+6

'$('#ContactPersonChildListDiv .lrml')hide()'在'ContactPersonChildListDiv'中選擇所有類'lrml' – 2014-10-30 15:30:16

+0

@Bondye發佈解決方案作爲答案。 – pms 2014-10-30 15:31:41

回答

1

要隱藏所有與該類使用>孩子選擇器:

$('#ContactPersonChildListDiv > .lrml').hide(); 

如果你想隱藏的所有後代與該類用途:

$('#ContactPersonChildListDiv .lrml').hide(); 

選擇元素使用jQuery是非常接近(在這種情況下,相同),如您選擇將它們與CSS selectors

E F匹配作爲E元素的後代的任何F元素。後代選擇

E > F匹配任意F元素是一個元素的子E.

-2

那麼,你沒有提供任何HTML,但這可能會幫助你。 試試這個:

$('#ContactPersonChildListDiv').find('.lrml').hide(); 

烈也可以做到這一點的方法:

$('#ContactPersonChildListDiv .lrml').hide(); 
-2

試試這個:

$('#ContactPersonChildListDiv').children('.lrml').hide(); 

Fiddle

-2

的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'; 
       } 
      }; 
     } 
0

什麼是你的HTML代碼?

您張貼div的ID是

id='#ContactPersonChildListDiv' 

確保#沒有在這個ID,像

<div id='ContactPersonChildListDiv'>