我有一个 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');
但这不行'不工作。我哪里错了?
最佳答案
li
不是 DeltaSuiteLinks
的直接子级。使用 .find()
而不是 .children()
使用
$('#DeltaSuiteLinks').find('li:first').css('visibility' , 'hidden');
关于javascript - jquery css 从一个 div 获取 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25183084/