選擇一個可摺疊菜單項的鏈接，但不是它的後代

Question

我有一個功能，我切換背景圖像（加號和​​減號圖標）。

當我展開子列表並單擊鏈接時，它也切換其子項目的圖標，但它不應該。這會導致添加減號圖標。

$('.expandor a:first-child').click(function (e) { 
    e.preventDefault(); 
    $(this).next('ul').slideToggle(); 
    $(this).parent('li').toggleClass('expandor dexpandor'); 
}); 

Demo 負圖標應該在那裏只有點擊的Windows 8應可以切換圖像時。

Answer 1

更改此：

$('.expandor a:first-child').click 

這樣：

$('.expandor > a:first-child').click 
//   ^-------------------------- explicit child selector 

Demo

而且，我懷疑:first-child僞選擇是不必要在這裏。