如何在dom中获取元素并应用不同ID的不同css？

Question

我在这里有点困惑.我正在研究一个动态项目,我想将不同的css应用于具有相同类但没有id的div.我如何应用不同的CSS说同一个类的第一个div,然后不同的css到同一个类的第二个div等等...让我说我的fullwidthContainer类适用于3 divs 对于第一个div,我想要宽度1000px,到第二个我想要800px等等. 我不能在这里给一个id或另一个类,因为它是动态生成的.请帮忙.

谢谢.

好的,我用javascript做到了这一点

  function emphatic()
{
    var totalContainers=document.getElementsByClassName('fullwidthContainer')
    var className=1;

    for (var i = 0; i < totalContainers.length; i++) {
        className=className+1;
        totalContainers[i].setAttribute("class", "dropdown_5columns fullwidthContainer customMenuClass");
    };

}
emphatic();

现在我如何追加每次添加1的classname到新类. 我的意思是像customclass1,customclass2等等div ...谢谢,

Answer 1

也许您可以使用元素索引，尽管尚不完全清楚是否有匹配的关系：

使用基于索引的增量的示例：

$('.someClass').each(function(index){
  $(this).width( 300 * (index+1) );
});

使用数组的示例：

var widths =[ 600, 900, 500];

$('.someClass').each(function(index){
  $(this).width( widths[index] );
});

数组版本也可以适应添加类。

索引从零开始，是页面中第一个匹配的元素