javascript - jquery css 从一个 div 获取 child

Question

我有一个 div，其中包含:

 <div class="ms-core-deltaSuiteLinks" id="DeltaSuiteLinks">
    <div id="suiteLinksBox">
        <ul class="ms-core-suiteLinkList">
            <li class="ms-core-suiteLink">
                <a class="ms-core-suiteLink-a" id="ctl00_ctl56_ctl03_ShellNewsfeed" href="http://my.nbsdev.co.uk:80/default.aspx"> <span>Newsfeed</span>
                </a>
            </li>
            <li class="ms-core-suiteLink">
                <a class="ms-core-suiteLink-a" id="ctl00_ctl56_ctl03_ShellDocuments" href="http://my.nbsdev.co.uk/personal/dah/Documents/Forms/All.aspx"> <span>OneDrive</span>
                </a>
            </li>
            <li class="ms-core-suiteLink">
                <a class="ms-core-suiteLink-a" id="ctl00_ctl56_ctl03_ShellSites" href="http://my.nbsdev.co.uk/personal/dah/Social/Sites.aspx"> <span>Sites<span class="ms-suitenav-caratBox" id="Suite_ActiveLinkIndicator_Clip">
    <img class="ms-suitenav-caratIcon" id="Suite_ActiveLinkIndicator" src="/_layouts/15/images/spcommon.png?rev=23">
    </span></span>
                </a>
            </li>
        </ul>
    </div>
</div>

我想从中获取 li 元素，然后只选择第一个和第二个 li 元素并隐藏它们

我自己试过 $('#DeltaSuiteLinks').children('li:first').css('visibility' , 'hidden'); 但这不行'不工作。我哪里错了？

Answer 1

li 不是 DeltaSuiteLinks 的直接子级。使用 .find()而不是 .children()

使用

$('#DeltaSuiteLinks').find('li:first').css('visibility' , 'hidden');