Как скрыть класс в div

Question

У меня есть несколько экземпляров класса в div. Я знаю идентификатор div. Я не могу заставить его работать.

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

Это не работает. Так что мне нужно скрыть всех детей из div с id='ContactPersonChildListDiv', которые относятся к классу lrml.

Answer 1

Чтобы скрыть все дети с этим классом использования > селектор:

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

Если вы хотите, чтобы скрыть все потомков с этим классом использования:

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

---

Выбор элементов с JQuery очень близко (в данном случае, то же самое), как вы выбираете их CSS selectors:

E F Соответствует любому элементу F, который является потомком элемента E. Потомок селекторы

E > F Соответствует любому элементу F, который является потомком элемента E.

Answer 2

Ну, вы не предоставили HTML, но это может вам помочь. Попробуйте это:

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

Youl может также сделать так:

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

Answer 3

попробовать это:

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

Fiddle

Answer 4

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

Answer 5

Что ваш HTML код ?

Вы писали о том, что идентификатор DIV является

id='#ContactPersonChildListDiv' 

Убедитесь, что # не будет в этом ид, как

<div id='ContactPersonChildListDiv'>