元素不同类的不同值

Question

我试图制作一个具有类的盒子，具体取决于盒子里面的值。

• 如果值大于或等于3.3，则class = low
• 如果值小于6.6但高于3.3然后class = mid
• 如果值高于6.6则为class = high

下面是我试图使用的代码

  if ($(".total-score h3").text() <= "3.3") {
    $(".total-score").addClass('low');
}
else if ($(".total-score h3").text() > "3.3" < "6.6") {
    $(".total-score").addClass('mi');
}
else if ($(".total-score h3").text() > "6.6") {
    $(".total-score").addClass('high');
}

Answer 1

创建一个变量来保存CLASS名称。 使用IF语句处理输入并为CLASS变量分配适当的名称 回到班级名称。

$returnedValue = 2.5; //The value being evaluated
$minRangeValue = 3.3; //Minimum Range
$maxRangeValue = 6.6; //Maximum Range
$boxClass = ""; //To hold the class name
if($returnedValue <= $minRangeValue){
    $boxClass = "low";
}
else if($returnedValue > $minRangeValue && $returnedValue <= $maxRangeValue){
    $boxClass = "mid";
}
else if($returnedValue > $maxRangeValue){
    $boxClass = "high";
}

echo '<div class="'. $boxClass .'"> Contenct </div>';

注意：当值正好为6.6时，您的逻辑缺失了 我假设它是class = mid。