未捕获的TypeError：对象＃没有方法’css’

我想最终遍历body中的所有节点（尚未实现）并从每个节点获取背景和文本颜色。 但是，我得到了Uncaught TypeError: Object # has no method 'css' 。 它出现在var bg = node.css("background-color");

这是我的代码

 function grabColors() { var colorArray = new Array(); var body = $("body"); console.log(body); body.each(function(index, node){ console.log(node); getColorsFromChild(node); }); console.log(colorArray); } function getColorsFromChild(node) { var bg = node.css("background-color"); var bg2 = node.css("background"); var color = node.css("color"); if ($.inArray(bg, colorArray) == -1) { colorArray.push(bg); } if ($.inArray(bg2, colorArray) == -1) { colorArray.push(bg2); } if ($.inArray(color, colorArray) == -1) { colorArray.push(color); } } grabColors(); 

Answer 1

你想在each给出的DOM对象上调用jQuery函数css。 您必须将DOM对象转换为jQuery对象以在其上调用与CSS相关的函数。

更改

 var bg = node.css("background-color"); 

至

 var bg = $(node).css("background-color");