禁用最後：兒童在只有一個項目

Question

我使用此代碼添加類列表項：

jQuery('#news ul > li:first-child').addClass('first'); 
jQuery('#news ul > li:last-child').addClass('last'); 

它的工作非常出色。問題是當我只有一個項目時...代碼是爲同一個li添加兩個類。

例子：

1. 完美的作品，如果有兩個或兩個以上的項目：

   <div id="nav"> 
   <ul> 
   <li class="first">Item 1</li> 
   <li class="last">Item 2</li> 
   </ul> 
   </div> 
   

2. 添加兩個類的唯一項目：

   <div id="nav"> 
   <ul> 
   <li class="first last">Item 1</li> 
   </ul> 
   </div> 
   

是有一種方法可以禁用.last class i f只有一個項目？

謝謝！

Answer 1

看看在:only-child選擇：

$('#news ul > li:last').not(':only-child').addClass('last'); 

Answer 2

$('#news ul > li:first').addClass('first'); 
$('#news ul > li:last').not('.first').addClass('last'); 

Answer 3

爲什麼不只是用CSS處理這個問題？

#news ul > li.last { } 

#news ul > li.first, 
#news ul > li.first.last { }