选择一个可折叠菜单项的链接，但不是它的后代

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伪选择是不必要在这里。