Question

我在div中有几个类的实例。我知道div的id。我无法让它发挥作用。

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

这不起作用。因此，我需要隐藏属于id='ContactPersonChildListDiv'类lrml的div的所有子项。

Answer 1

要隐藏该班级的所有孩子，请使用>选择器：

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

如果要隐藏所有后代，请使用该类：

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

使用jQuery选择元素非常接近（在这种情况下，相同），就像您使用CSS selectors选择它们一样：

E F匹配作为E元素后代的任何F元素。后代选择器

E > F匹配作为元素E的子元素的任何F元素。

Answer 2

您的HTML代码是什么？

你发布了div的id是

id='#ContactPersonChildListDiv'

确保＃不在此ID中，例如

<div id='ContactPersonChildListDiv'>

Answer 3

嗯，您没有提供任何HTML，但这可能会对您有所帮助。试试这个：

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

Youl也可以这样做：

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

Answer 4

试试这个：

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

Fiddle

Answer 5

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()'>

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

如何隐藏div中的类

5 个答案: