薩斯與索引每個循環

Question

所以我試圖在我的每個循環中獲得一個索引。這可能嗎。這是我的代碼：

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

    } 
} 

哪個返回一個「無效的空操作：'null加1'。」

所以它沒有索引和$我是空的。

我也試過$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