$（“span”）。each（）在迭代元素上执行。css（）时不起作用

Question

我有一个代码，在这里我迭代元素，我想要得到每个元素的css样式。这个错误是指。each:

Uncaught TypeError: Cannot read property 'replace' of undefined

下面是示例代码:

  $("span").each(function(i,v){
   test($(this));
 })

 function test(element){
  console.log(element.css());  //not working
  console.log($(element).css()); //not working either
 }

Answer 1

.css需要参数:传递单个参数（属性名）以检索其值，或者传递两个参数（属性名和要将其设置为的值）:

null

$("span").each(function(i, v) {
  test($(this));
})

function test(element) {
  console.log(element.css('color'));
}


$("span").each(function(i, v) {
  test2($(this));
})

function test2(element) {
  element.css('color', 'yellow')
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span style="color: green">text</span>