2014-10-30 34 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'>