javascript – 找到最大的数字属性

参见英文答案 > Get the highest and lowest values of a certain attribute in jQuery or Javascript                                    7个
如何选择另一个div中的所有div并找到最大的id属性?

请考虑以下代码:

<div class="posts">
    <div class="post" data-id="5"></div>
    <div class="post" data-id="3"></div>
    <div class="post" data-id="1"></div>
    <div class="post" data-id="4"></div>
</div>

我想要做的是,找到具有最大id属性的div

我使用以下代码来获取id属性:

$('.posts .post').data('id');

但这会返回最新的,而不是最大的.

var max = 0;
$('.post').attr("data-id", function(i,v){
   max = +v > max ? +v : max;
});

console.log( max ); // 5

其他方式:

var ids = $('.post').map(function(){
   return +this.dataset.id;            // or use jQ: return +$(this).data('id');
});

console.log( Math.max.apply(Math, ids) ); // 5

http://api.jquery.com/jquery.map/用于返回所需值的新数组.
How might I find the largest number contained in a JavaScript array?用于其余部分.

一元用于将任何可能的字符串数转换为数字.
为了防止NaN导致错误插入的Alpha字符导致的不匹配,您可以使用:

return +this.dataset.id || 0; // Prevent NaN and turn "a" to 0
相关文章
相关标签/搜索