为什么奇数/偶数不适用于附加元素？

Question

在下面的JQuery/JS代码 -

$("a#go-to-videos").click(function(event){ 
    var hello = 'hello' 
    event.preventDefault(); 
    if ($(this).text().length <= 30) { 
    $(this).parent().parent().append($('<li>hello</li>')); 
} else { 
    return 
} 

}); 

$("ul#odd-even li:odd").addClass("odd") 

当我点击添加一个新的项目，在$("ul#odd-even li:odd").addClass("odd")并不适用于它？为什么会这样，以及对此最好的解决方法是什么？

Answer 1

它看起来不像addClass实际上发生onClick。您应该在点击功能中添加$("ul#odd-even li:odd").not('.odd').addClass("odd")。