各ループにインデックスを入れてください

Question

だから私はそれぞれのループでインデックスを取得しようとしています。これは可能ですか？ここに私のコードです：

@each $food, $tons-produced in $top-foods { 
    $i: index($top-foods, $food); 
    rect:nth-child(#{$i + 1}){ 

    } 
} 

"無効なnull操作： 'nullプラス1'

したがって、インデックスが作成されておらず、$ iはnullです。私もここで$i: index($top-foods, ($food, tons-produced));

を試してみた

は私が通じeachingてる私のリストです：

$top-foods: ("Sugar Cane" 1898), 
("Corn" 1017), 
("Rice" 738), 
("Wheat" 711), 
("Cow Milk" 635), 
("Potatoes" 374), 
("Vegetables" 279), 
("Soy Beans" 278), 
("Cassava" 263), 
("Sugar Beets" 247); 

Answer 1

私は私はあなたを理解している場合、これはあなたが以下の複数の操作を行いたいれるかわかりません？：

@for $i from 1 through length($top-foods){ 
    selector:nth-child(#{$i}){ 
    display:block; 
    } 
} 

http://www.sassmeister.com/gist/fc9cf973e81c80c496e3d6111e62bce5

UPD ATE

ループ@eachに複数の値を持つindexを取得できません。単一の値を使用してみてください。そして、nth-child()の中に追加をすることはできません。

@each $food in $top-foods { 
    $i: index($top-foods, $food); 
    $i: $i + 1; 
    rect:nth-child(#{$i}){ 
    display: block; 
    } 
} 

http://www.sassmeister.com/gist/c00a1b1577166dbf4a711426604b2f54