使用jQuery更改菜单项颜色

时间:2013-06-10 13:49:53

标签: jquery menu colors html-lists

我想更改菜单项的颜色,但我的jquery代码不能达到预期的效果。 这是代码:

    $('#menu').find('li').each(function(x, li){
        $(this).css("color", "#ffffff");
        $(this).css('background-color', 'black').css('border-radius', '10px');
        console.log("Menu Item: "+$(this).text()+" "+$(this).css("color"));
    });

    $(this).parent().css("background-color", "#F2F2F2");
    $(this).css("color", "#c60c28");

这是关于html:

<div id="menu">
        <ul>
            <li><a href="http://www.supermarktcheck.de/lidl/sortiment">LIDL</a></li>
            <li><a href="http://www.supermarktcheck.de/aldi-sued/sortiment">Aldi</a></li>
            <li><a href="http://www.supermarktcheck.de/penny-markt/sortiment">Penny</a></li>
            <li><a href="http://www.supermarktcheck.de/rewe/sortiment">REWE</a></li>
            <li><a href="#">Einkaufskorb</a></li>
        </ul>           
    </div>
    <!-- end #menu --> 

任何人都可以告诉我我的错误吗?

0 个答案:

没有答案