隠されたli要素を移動する

Question

特定の場所のul #colorlistにli項目を追加する必要があります。だから、15番目のli項目が1クラスになり、16番目が別のクラスになります（15番目は前後に反転する必要があり、16番目は1番目の行です）。これはこれで十分に簡単です：

$('#colorlist li:nth-child(15n+1)').addClass('first-column'); 

は、私は、その後のli項目と、問題を隠し様々なフィルタを持っているが、その後の隠れものはまだカウントされていることをしています。私はこれが正しいアプローチかもしれないと思うが、ここではたくさんのことがわからない。ここでの考え方は、合計数を15で割った値が整数であるかどうかをテストすることです。それが私のクラスを適用するとします。

$("#colorlist li").each(function(){ 
    if($("#colorlist li:visible").size() % 15 == ???)$(this).addClass('first-column'); 
    }); 

数字をテストする方法や、15番目のアイテムごとにどのように使用するかはわかりません。あなたが見ることができるように私は一種の失われた！どんな助けでも大歓迎です。

Answer 1

私はあなたが望むかもしれないと思う：

$("#colorlist li:visible") 
    .filter(function(i){ return i % 15 === 0;}) 
    .addClass('first-column'); 

これが唯一のアカウントに見える要素を取って位置を計算します。

DEMO

Answer 2

問題は、あなたがjQuery.eachにすべてのli要素を渡すことかもしれません。試してみてください：ここ

$("#colorlist li:visible").each(function(i, elem){ 
    var $el = $(this); 
    //If is 0 add class 
    if(i % 15 === 0){ 
     $el.addClass('first-column'); 
    } 
}); 

デモ：あなたは `li`要素が非表示にはどうすればよいhttp://jsfiddle.net/tomgrohl/473ky/