jquery - jQuery(each和eq)在switch中的用法

问题1：
我试图用eq（）将相同分类的div元素的css按其顺序操作，但是我无法访问eq（）值。

问题2：
尝试使用switch方法。有没有办法像for循环这样的较少代码来实现这一目标？

this is DEMO

的HTML

<div id="a" class="ele">0</div>
<div id="b" class="ele">1</div>
<div id="c" class="ele">2</div>

jQuery的

$('.ele').each(function() {
var eleH = 100;
var add = 10;

 $('.ele').eq(X); //trying to get value here

 switch(X) {
  case 0:
    $('.ele').css({'height': (eleH + add) + 'px'}); // #a { height:110px}
    break;
  case 1:
    $('.ele').css({'height': (eleH + (add*2)) + 'px'}); // #b { height:120px}
    break;
  case 2:
    $('.ele').css({'height': (eleH + (add*3)) + 'px'}); // #c { height:130px}
    break;
 }

});

最佳答案

我不确定您要做什么，但是如果您想根据其位置更改CSS属性，可以这样进行：

$('.ele').each(function(i) {
    $(this).css('height', 100 + (10*i));
});

这是工作版本：http://jsfiddle.net/Aw39W/6/

关于jquery - jQuery(each和eq)在switch中的用法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11270107/