jqueryを使って同じdivクラス名の値を比較する

Question

<div>の値を、同じクラス名を持つ他のdivタグと比較する方法を探しています。だから、私はjqueryでそれを行うことにしています。以下は、比較したい<div>タグの例です。

<div class="helloword" value="4"> </div> 
<div class="helloword" value="3"> </div> 
<div class="helloword" value="2"> </div> 
<div class="helloword" value="1"> </div> 

最小値を持つクラスを比較したいと思います。そうすることは可能ですか？

Answer 1

これで、必要なものはどこでもlowestValを使用できます。

Answer 2

怒鳴るよう.each（）、未テストコードを使用して、それらを介してクラスセレクタとループを使用して、すべてのdivを取得します。

var min = 10, minElement = ''; 
    $('.helloword').each(function(){ 
     var value = parseInt($(this).attr("value")); 
     if (value < min) { 
      min = value; 
      minElement = $(this); 
     } 
    }); 
    // using minElement 

Answer 3

をあなたが最小値を取得するためにmap()とMath.min.apply()を使用することができます。

var lowestVal = 100; //set this higher than your max value 
var divs = $(".helloword"); //select all the elements by their class 

//loop through each item and compare it to the lowest recorded one 
divs.each(function(index, element) { 
    var val = parseInt($(element).attr("value")); 
    if (val < lowestVal) lowestVal = val; 
}); 

：あなたがそれらを介して、ループ、そのクラスによってすべてのdivを選択する必要があり、これまでに発見した最低1へのポインタを維持

var min = Math.min.apply(null, $('.helloword').map(function() { 
 
    return parseInt($(this).attr('value')) 
 
})) 
 

 
console.log(min)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="helloword" value="4"></div> 
 
<div class="helloword" value="3"></div> 
 
<div class="helloword" value="2"></div> 
 
<div class="helloword" value="1"></div>

Answer 4

function GetSmallestValue(itemValue) 
 
{ 
 
    $(".helloword").each(function (a, b) { 
 
    var newValue = $(this).attr("value"); 
 
    if (itemValue==0 || newValue < itemValue) { 
 
     itemValue = newValue; 
 
    }    
 
    }); 
 

 
    return itemValue; 
 
} 
 

 
var itemValue = GetSmallestValue(0); 
 
console.log(itemValue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="helloword" value="4"> </div> 
 
<div class="helloword" value="3"> </div> 
 
<div class="helloword" value="2"> </div> 
 
<div class="helloword" value="1"> </div>