使用jquery的data属性的最大值

时间:2017-03-18 12:50:20

标签: jquery

我有多个具有不同数据属性值的分区,具有相同的类 还需要使用jquery获取值数据值。示例i具有数据值组2,3,5 获得所需的结果是小组中的5个

<div data-value="2" class="maindiv">test</div>
<div data-value="5" class="maindiv">test</div>
<div data-value="3" class="maindiv">test</div>
etc.

3 个答案:

答案 0 :(得分:2)

没有直接办法,但这样做

var dataList = $(".maindiv").map(function() {
    return parseInt($(this).attr("data-value"));
}).get();
console.log(Math.max.apply(null, dataList));

https://jsfiddle.net/pgbf3o9f/

答案 1 :(得分:1)

您可以尝试$.each()方法,如下所示:

var result = 0;

$('.maindiv').each(function(index) {
    if ($(this).data('value') > result) {
        result = $(this).data('value');
    }
});
// result now contains the max value, so do what you want with it
console.log(result);

答案 2 :(得分:0)

您应该尝试以下代码。

function MaxId(selector) {
    var max=null;
    $(selector).each(function() {
        var id = parseInt(this.id, 10);
        if (isNaN(id)) { return; }
        if ((max===null) || (id > max)) { max = id; }
    });
    return [max];
}
alert(MaxId('div.maindiv'));

或者你也可以尝试如下。

Math.max(one, two, three);