如何将css添加到Jquery上的特定数组元素答案

【问题标题】：How to add css to a specific Array element on Jquery如何将css添加到Jquery上的特定数组元素
【发布时间】：2015-05-24 13:34:27
【问题描述】：

我正在尝试开发一个代码，为我网站上名为“Title”的每个元素生成随机 RGB 颜色。

首先，我选择所有具有特定类“title”的元素：

var element = $('.title')

然后，我保存一个名为 n 的 var，标题总数（用于 for）

var n = element.length

现在。我正在尝试遍历所有标题元素并通过 css 添加随机 RGB 颜色。注意：我使用 element[ i ] 来访问每个数组元素。对吗？

for (var i = 0; i < n; i++) {
    element[ i ].css({ 
        "background": randomColor();
    })
}

但是它不起作用...我该如何解决？任何想法。

问候。

【问题讨论】：

【解决方案1】：

element[i]是指没有jQuery提供的css()方法的dom元素，所以需要获取索引为i的元素的jQuery包装对象，可以通过@987654322获取@

for (var i = 0; i < n; i++) {
    element.eq(i).css({ 
        "background": randomColor();
    })
}

您也可以将函数传递给.css() 喜欢

element.css('background', function () {
    return randomColor()
})

【讨论】：

【解决方案2】：

你所做的几乎是正确的。除非您没有为第 i 个元素创建选择器。

$(element[i]) 将提供 css() 函数并按预期工作。

【讨论】：