最大值+选择Div

Question

我遇到了以下JSFiddle问题。

我基本上想要用黄色边框突出显示最高值的div。

但是，如果多个div具有相同的max值，那么程序必须从最大值的所有div中随机选择一个div。

例如，三个div中的一个应该是随机选择的，它的边框颜色应该是黄色的。

http://jsfiddle.net/DyGqm/5/

HTML

<div class="num">16</div> 
<div class="num">20</div> 
<div class="num">18</div> 
<div class="num">20</div> 
<div class="num">20</div> 

CSS

.num { 
    border: 2px solid green; 
    width:120px; 
    text-align: center;  
}​ 

JS

var max = -Infinity; 

var maxEle = $(".num").each(function() { 
    if (+this.value > max) max = +this.value; 
}).filter(function() { 
    return this.value == max; 
}); 

if (maxEle.length > 1) maxEle = maxEle.eq(Math.floor(Math.random() * maxEle.length)); 

maxEle.css("border-color", "yellow");​ 

Answer 1

1）您没有选择jQuery作为框架。它使用MooTools。

2）div s没有.value。您可以使用.innerHTML。

http://jsfiddle.net/DyGqm/8/

最终代码：

var max = -Infinity; 

var maxEle = $(".num").each(function() { 
    if (+this.innerHTML > max) max = +this.innerHTML; 
}).filter(function() { 
    return this.innerHTML == max; 
}); 


if (maxEle.length > 1) maxEle = maxEle.eq(Math.floor(Math.random() * maxEle.length)); 

maxEle.css("border-color", "yellow");