从数组中的对象获取html值

Question

我有一个示例性的JavaScript代码段。我在这里想要实现的是从数组中的对象获取html和id属性值

var swatches = $(".swatchColor");
for (var i = 0; i < swatches.length; i++) {
     var value = parseInt(swatches[i].html());
     if (!isNaN(value)) {
         alert(swatches[i].attr("id"));
     }
};

但由于某种原因我得到Uncaught TypeError：当执行swatches [i] .html（）时，undefined不是函数错误。为什么会这样？

Answer 1

jQuery类选择器不提供节点元素数组供您迭代。

从this回答，您需要执行以下操作来遍历所有节点：

$(".swatchColor").each(function(i, obj) {
    var value = parseInt($(obj).html());
    //etc...
});