javascript - JQuery 不读取动态创建的元素属性

Question

嗯，我认为这将是一个简单的问题，但我无法意识到 Jquery 如何丢失/无法找到元素的属性:

Javascript:

for (var i=0; i<=10; i++)
{
    Cells[i]=document.createElement('div');
    Cells[i].id = "Cell"+String(i);
    Cells[i].className = "CellClass";
    if (i==0)//Let's look the fist one (neverminds which one).
    {
        alert(Cells[0].className);//This would alert: "CellClass" (without quotes).
        alert($("#Cell0").className);//This would alert: "undefined" (without quotes).
        //Another way:
        alert($(Cells[0]).className);//This would alert: "undefined" (without quotes).
    }
}

对于这个问题，类 .CellClass 本身并不相关，不管定义哪些属性。

我不明白什么？

Answer 1

$(Cells[0]) 返回一个 jQuery 包装对象，而不是 dom 元素引用，因此它没有像 className 这样的属性。

您可以使用以下任意一种方法

Cells[0].className
$(Cells[0]).prop('className')
$(Cells[0]).attr('class')

还要确保在执行 jQuery 选择器 $("#Cell0") 之前将该元素添加到 dom 结构，否则将找不到该元素dom 查找