通過jQuery實現的單個li項目特定背景

Question

我將如何定位最左邊的li項目併爲它着色爲不同的顏色？

我目前選擇跨越這一切水平的項目假裝設置在任何項目上徘徊：

<ul class="features"> 
<li class="category"><a href="services_hwrep.html">Hardware Repair</a></li> 
<li class="category"><a href="services_netts.html">Network Troubleshooting</a></li> 
<li class="category"><a href="services_printsetup.html">Printer Setup</a></li> 
</ul> 

<ul class="features"> 
<li><a href="services_hwrep.html">Hardware Repair</a></li> 
<li><a href="services_netts.html">Network Troubleshooting</a></li> 
<li><a href="services_printsetup.html">Printer Setup</a></li> 
</ul> 


<ul class="features"> 
<li><a href="services_hwrep.html">Hardware Repair</a></li> 
<li><a href="services_netts.html">Network Troubleshooting</a></li> 
<li><a href="services_printsetup.html">Printer Setup</a></li> 
</ul> 

有了這個代碼：

$('ul.features li').on('mouseenter mouseleave', function() { 
    $('ul.features > li:nth-child(' + ($(this).index() + 1) + ')').toggleClass('pri_active'); 
}); 

所以，如果我懸停在nth-第三個名單的孩子（2），我怎麼能改變第一個名單上的第二個孩子（2）的背景？ （有一類'類'）

任何幫助表示讚賞！

的什麼，我試圖做一個活生生的視覺表現可以在這裏找到：

http://www.sinsysonline.com/repair/price.html

我想突出顯示左側的類別裏是喜歡藍色懸停在價格裏。

Answer 1

你只需要指定類（li.category:nth-child...）：

$('ul.features li').on('mouseenter mouseleave', function() { 
    $('ul.features > li.category:nth-child(' + ($(this).index() + 1) + ')').toggleClass('pri_active'); 
}); 

我得到它的工作在這裏：http://jsbin.com/ecunih/1/