2009-12-30 55 views
0

我有以下代碼,其中commentTable是類。它適用於顯示在頁面上的當前評論。Wordpress喜歡顯示奇/偶評論瓦特/不同類 - jQuery?

$(「。commentTable:odd」)。addClass(「commentTableClass1」); $(「。commentTable:even」)。addClass(「commentTableClass2」);

但我真正想要的是,即使在添加新評論時,此類課程的添加也會「活」。我不想刪除類並重新添加它們以獲得效果。我只是想申請新的innerHTML「正確」的類。

我可以保持計數的評論和申請不同的班,但我想要一些優雅的東西。

回答

1

你可以把它們放在一個函數,調用該函數每次...

function oddEven(){ 
    $('.commentTable').removeClass('commentTableClass1').removeClass('commentTableClass2'); 
    $(".commentTable:odd").addClass("commentTableClass1"); 
    $(".commentTable:even").addClass("commentTableClass2"); 
} 

那麼你可以撥打oddEven();而不是removeClassaddClass。它更乾淨。儘管如此,我並不完全稱它爲優雅。

OR

這很可能是更快,更你在找什麼:

function getCommentClass(){ 
    var newClass; 
    if($('.comment').length % 2 == 0){ 
     //there's an even number already, the new one will be odd 
     newClass = 'commentTableClass2'; 
    }else{ 
    //new one will be even 
     newClass = 'commentTableClass1'; 
    } 

    return newClass; 
} 

var commentClass = getCommentClass(); 
$('#newElement').addClass(commentClass); 

無論哪種方式,不過,你需要在每次調用一個函數加載一個新評論。

+0

太好了。我喜歡第二種解決方案! – Shailesh 2009-12-30 23:41:50