更新单个元素而不是全部元素的背景

Question

我试图做到这一点：如果.hoca-puan值的内部是5,00，则设置元素的background-color: green。我尝试了这段代码，但是 all 所有类变为绿色。

var deg = $('.hoca-puan').html(); 
if (deg == "5,00") { 
  $('.hoca-puan').css("background-color", "green"); 
}

我该怎么做？

Answer 1

它会影响所有.hoca-puan实例，因为您在if语句中选择了所有实例。

要分别评估每个人，您需要对它们进行循环，可以使用each()进行。然后，在处理程序中，您可以使用this关键字在迭代中仅引用当前元素：

$('.hoca-puan').each(function() {
  if ($(this).html().trim() == "5,00") {
    $(this).css("background-color", "green");
  }
});