jQuery:在语句中使用 :eq 和 :not

Question

HTML

<ul>
   <li>1</li>
   <li>2</li>
   <li>3    
     <ul id="sub">
      <li>3.1</li>
      <li>3.2</li>
   </ul>
 </li>
 <li>4</li>
<ul>

我试图根据条件选择前几个

标签，并排除任何内部有

且 id 为“sub”的
• 。

  我能够获取第一部分，但无法排除 ul 中 id 为“sub”的 li 标签。

  这是我正在使用的 jQuery 代码。

  $(columns[i] + ' li:eq(:not(#sub li)'+ j +')').css('padding-top', paddingTop);
  

Answer 1

假设以下 HTML:

<ul id="main">
   <li>1</li>
   <li>2</li>
   <li>3    
     <ul id="sub">
       <li>3.1</li>
       <li>3.2</li>
     </ul>
   </li>
   <li>4</li>
<ul>

你可以像这样使用 jQuery:

$('#main > li:not(:has(#sub))');

...这是 fiddle :http://jsfiddle.net/yqrd5/

<小时/>

或者，如果您只想在前 3 个中进行选择:

$('#main > li:lt(3):not(:has(#sub))');

...或动态:

var j = 3;
$('#main > li:lt(' + j + '):not(:has(#sub))');

...这是 fiddle :http://jsfiddle.net/yqrd5/1/

<小时/>

或者您可能想要前 3 个没有 ul 的:

$('#main > li:not(:has(#sub)):lt(3)');

...这是 fiddle :http://jsfiddle.net/yqrd5/2/