jquery - 通过 jQuery 切换列表样式图像

Question

如何通过 jQuery 切换列表样式图像？

我首先尝试更改列表样式图像，但这不起作用。有人知道我在这里做错了什么吗？

[..]
$(this).closest('li').css("list-style-image","url('../Images/arrowDown.png')");

我也尝试了以下方法，但没有达到预期的结果

$(this).closest('li').css("list-style-image","url(arrowDown.png)");

和

$(this).closest('li').css({"list-style-image":"url(arrowDown.png)"});

Answer 1

list-style-image 是在 ul 上设置的，因此如果您尝试在悬停时更改元素符号图像，它将不起作用...每次悬停都会触发所有子弹切换。

如果您想更改每个li上悬停的元素符号，则需要将其添加为背景图像。所以像这样

$('li').hover(
    function(){
     $(this).removeClass('up').addClass('down');
    },
    function(){
     $(this).removeClass('down').addClass('up');
    }    
);

示例: http://jsfiddle.net/jasongennaro/SZzRm/