JSFiddle - React, Tailwind, and code Playground

by ipr101

HTML

<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">

JavaScript

//alert($("input:data('common=candy')").length)
var candymax = 0;
$("input[data-common='candy']").each(function () {
    var currentval = parseInt($(this).val());
    if (currentval  > candymax) candymax = currentval;
});
alert(candymax);