javascript - jqueryでのバブル表示について

Question

このようなものを印刷したい

あなたが見る各バブルは「li」要素です

だから私はそれらを水平に見ることができるようにfloat=leftを作りました。2つの異なる色を動的に表示するにはどうすればよいか理解できません。

例：60％と40％の場合、青い泡を多く表示し、オレンジ色の泡を少なくする必要があります。その逆も同様です。

Answer 1

あなたの特定のコードがなければ詳細を提供することはできませんが、モジュロ演算子 ( ) をまたは%と一緒に使用してください。><

例えば：

var idx = $('ul li').index();

インデックスを取得してから

var color = (idx % 11 < 6) ? "blue" : "orange";

色を選択します。