javascript - 追加された要素に奇数/偶数が適用されないのはなぜですか？

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")クリック機能の中に追加する必要があります。