Question

我有一个类似这个的HTML结构：

library(data.table)
library(xts)

lu <- data.table(index=as.POSIXct("2012-05-02") + (0:7)*15*60)

observation <- xts(1:10,
                   order.by=lu[1,index +cumsum(runif(10)*60*10)])

observation.dt <- as.data.table(observation)
observation.dt[lu,on="index",roll=T]

现在我想迭代每个具有类＆＃34; char＆＃34;的元素。在JavaScript中，一种可能的方式是：

<div class="wrap">
  <div class="char">A</div>
  <div class="char">B</div>
  <div class="char">C</div>
  <div class="char">D</div>
</div>

是否有办法完成这些操作＆＃34;选择元素组＆＃34;，＆＃34;迭代组＆＃34;，＆＃34;处理每个元素＆＃34;和萨斯？

更新

这应该清楚我喜欢做什么。像这样的东西，但只有Sass（而不是JavaScript）：

＆＃13;

// ...
// Select elements with Class "char".
var chars = document.querySelectorAll('.char');
// ...    

// After changing the node-list to an array I could ...
for (i = 0; i < chars.length; i++) {
  // Do something with the element. E.g. apply an transform.
  // ...

＆＃13;

var chars = document.querySelectorAll('.char');
chars = Array.prototype.slice.call(chars);
var i;

for (i = 0; i < chars.length; i++) {
  chars[i].style['margin-left'] = (i * 10) + 'px';
}

＆＃13;

Answer 1

sass允许您创建自己的简单功能例如，请参阅http://hugogiraudel.com/2013/08/08/advanced-sass-list-functions/

CSS-Sass：有没有办法选择一组元素并迭代它？

1 个答案: