最大值+选择Div

Question

我遇到以下JSFiddle的问题.

我基本上想要突出显示具有黄色边框的最高值的div.

但是,如果多个div具有相同的max值,则程序必须从具有最大值的所有div中随机选择div.

例如,应该随机选择具有20的三个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)divs没有.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");