如何<ul>从这样的列表中选择仅父项的链接元素?
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
Run Code Online (Sandbox Code Playgroud)
所以在CSS中ul li a,但不是ul li ul li a
谢谢
如何仅选择第一级li?如果我做'ul li',它也会选择孩子.有没有办法只选择顶级而不是使用CSS的孩子?如果没有,我可以使用jQuery,但在那种情况下如何选择呢?
<ul>
<li class="administration first">
<a href="/administration.aspx"><span>Administration</span></a>
<ul>
<li class="users first selected"><a href="/administration/users.aspx"><span>Users</span></a></li>
<li class="forms last"><a href="/administration/forms.aspx"><span>Forms</span></a></li>
</ul>
<div style="clear: both;"></div>
</li>
<li class="analytics"><a href="/analytics.aspx"><span>Analytics</span></a></li>
<li class="options"><a href="/options.aspx"><span>Options</span></a></li>
<li class="system last"><a href="/system.aspx"><span>System</span></a></li>
</ul>
Run Code Online (Sandbox Code Playgroud) 我有一个多级无序列表(ul,li):
<ul class="onlyme">
<li>one</li>
<li>two</li>
<li>
<ul>
<li>aaa</li>
<li>bbb</li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我只想要选择ul.onlyme的第一个子元素.我使用以下jQuery来选择它们
$('ul.onlyme > li').click(function(){
alert('bingo');
});
Run Code Online (Sandbox Code Playgroud)
如果我单击aaa或bbb,警报会出现两次.我需要做些什么来确保它只选择li:'one'和'two'?