jQuery向ul添加条纹

mic*_*ael 0 jquery list css-selectors

嗨,我正在尝试制作一个将条纹效果添加到无序列表的函数,到目前为止,我已经获得了以下内容,但无法确定选择器的工作方式。

    (function($) {
    $.fn.stripe = function(){
        this.$("li:even").css("background-color","#f00");
    };
    })(jQuery);


    $("list_id").stripe();
Run Code Online (Sandbox Code Playgroud)

Phi*_*ord 5

许多使用jQuery的复杂答案。您只需要一点CSS:

ul > li:nth-of-type(odd) {
    background-color: #f9f9f9 ;
}
Run Code Online (Sandbox Code Playgroud)

  • 请记住,此问题发布于2009年,比CSS3选择器(如:: nth-of-type)早两年。 (2认同)