除了第一和第二如何选择LI？答案

【问题标题】：How to select LI except first and second?除了第一和第二如何选择LI？
【发布时间】：2010-05-05 23:26:00
【问题描述】：

这里是内容的结构，我想选择除前两个以外的所有LI（即no-link）

jQuery(document).ready(function(){

  var nosubnav = jQuery('.first-level li:not(:has(ul))');
  var nosubnavsize = jQuery('.first-level li:not(:has(ul))').size();
  jQuery(nosubnav).css('border' , '1px solid red');
  alert('List item which does not have submenu  '+nosubnavsize);

});

div class="navigation-container">
    <ul class="first-level">
    <li><a href="#">No Link</a></li>
    <li><a href="#">No Link</a></li>
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a>
        <ul>
          <li><a href="#">Link2.1</a></li>
          <li><a href="#">Link2.2</a>
            <ul>
                <li><a href="#">Link 2.2.1</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#">Link </a></li>
    </ul>  
  </div>

【问题讨论】：

标签： jquery html css

【解决方案1】：

$("ul.first-level > li:gt(1)").hide()

我假设您说的是位于 top 级别的 LI，即 .first-level 的直系后代。否则，您可以省略父子选择器 (>)。

http://api.jquery.com/gt-selector/

【讨论】：

【解决方案2】：

li + li + li, ul ul li

即与项目相邻的项目，或位于列表内的列表内的项目。

【讨论】：

【解决方案3】：

只需给前两个 li 一个 css 类（例如“noLink”）并使用

$("li:not('.noLink')").hide(); //or whatever

【讨论】：