Question

我需要将.val1的值与值.val2进行比较。如果val1大于val1，则容器#benchmark将获得背景颜色为红色，否则为绿色。喜欢用jquery看看这个。

    <div id="benchmark">
score team 1<div id="val1">8</div>
score team 2<div id="val2">10</div>
   </div>

Answer 1

请从此链接查看演示：Demo Plunker。希望它会对你有所帮助。

Answer 2

正确的HTML是

    <div id="benchmark">
score team 1<div id="val1">8</div>
score team 2<div id="val2">10</div>
   </div>

要查找值，请使用

$("#val1").text();

//所以代码是：

var value1=parseInt($("#val1").text());
var value2=parseInt($("#val2").text());


if(value1>value2)
{
    $("#benchmark").css('background-color', 'red');
}  
else 
{ 
    $("#benchmark").css('background-color', 'green');
}

<强> Demo Fiddle

在div中查找值，比较和着色父容器

2 个答案: