未捕获的对象 - jquery

Question

我正面临着一个关于jquery女巫的故事，我不理解，也没有修复。

我在php中得到了这个结构

<div class="tutProgress">
    <div class="progressStep ball"></div>
    <div class="progressStep ball"></div>
    <div class="progressStep ball"></div>
    <div class="progressStep ball"></div>
    <div class="progressStep ball"></div>
</div>

我正在尝试使用jquery访问。

var $text = [..., ".tutProgress," ...]
let $filled = $text.find(".progressStep");
for(var i = 0; i < progress; i++){
    $filled[i].css("background-color", "#3498DB");
}

我一直得到未被捕获的对象$filled[i].css不是一个功能。为什么会发生这种情况以及如何解决？

谢谢你！

编辑注意：$ text数组内容并不重要。它充满了一堆类名

Answer 1

这里的问题是当你访问$filled[i]时，这是一个html元素数组，没有jquery元素。 .css函数在jquery元素中定义，因此您必须像这样访问它：

$($filled[i]).css(..........)