javascript - 如何在javascript中比较具有相同数据属性的字段值

Question

如何比较文本字段中的值与 javascript 中的相同数据属性？

<input type="text" name="a" id="a" data-common="candy" class="loop" value="2">
<input type="text" name="b" id="b" data-common="candy" class="loop" value="3">
<input type="text" name="c" id="c" data-common="ice" class="loop" value="7">
<input type="text" name="d" id="d" data-common="ice" class="loop" value="2">
<input type="text" name="e" id="e" data-common="water" class="loop" value="5">
<input type="text" name="f" id="f" data-common="water" class="loop" value="9">

我想做的是确定每个具有公共(public)数据属性的字段的较高值。如果共同属性是糖果，那么程序将比较值 2 和 3。我的问题是我什至想不出一个好的算法来开始编码。你能给我一个主意吗？我首先需要做什么。

Answer 1

给你。下面的代码将找到所有具有最大值的唯一 data-common 属性。

工作 demo

var dataAttributes = {}, attrValue, inputValue, $this;
$('input[data-common]').each(function() {
    $this = $(this);
    attrValue = $this.attr("data-common");
    inputValue = parseInt($this.val());
    if(!dataAttributes[attrValue]){
        dataAttributes[attrValue] = inputValue;
    }
    else{
        if(dataAttributes[attrValue] < inputValue){
            dataAttributes[attrValue] = inputValue;
        }   
    }
});
console.log(dataAttributes);