javascript - 你怎么能抓取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 的类名附加到新类。我的意思是像 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] );
});

数组版本也可以修改以添加类。

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