爲什麼奇數/偶數不適用於附加元素？

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")。