獲取所有CSS類到一個數組，並計算

Question

我需要放在匯率在文本字段和更新多個文本面積速度必須更新

Exchange Rate <input type="text" value="" id="exchange_rate"> 
<input type="button" value="Update Price" id="update_price"> 

文本面積計算值是動態的，這裏的一些樣品

<input class="price" name="pro_name[88197][1]" rel="4450000" value="" type="text"> 
<input class="price" name="pro_name[12316][2]" rel="4451000" value="" type="text"> 
<input class="price" name="pro_name[46511][3]" rel="4575120" value="" type="text"> 
<input class="price" name="pro_name[45151][4]" rel="2343400" value="" type="text"> 
<input class="price" name="pro_name[165652][5]" rel="4534500" value="" type="text"> 
<input class="price" name="pro_name[85559][6]" rel="4450000" value="" type="text"> 

現在我需要把上述各文本區域價值想 相對* EXCHANGE_RATE =值 （相對是日本YEN金額，匯率是美元）

和我開始我的jQuery這樣並卡住，請幫助我的人！

$("#update_price").click(function() { 
    var all_price_element = []; 
    price_class = $(".price").toArray(); 

    for (var i = 0; i < price_class.length; i++) { 
    all_price_element.push(price_class[ i ].innerHTML); 
    } 

}); 

Answer 1

您可以使用.each()：

所以片段是：

$("#update_price").click(function (e) { 
 
    // 
 
    // get the current exchange_rate and convert it to number 
 
    // 
 
    var er = +document.getElementById('exchange_rate').value; 
 

 
    
 
    // 
 
    // for each price element do the calculation: 
 
    // 
 
    // get the current rel value, convert it to number and 
 
    // multiply per rel 
 
    // 
 
    $(".price").each(function(index, element) { 
 
    element.value = er * +element.getAttribute('rel'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form> 
 
    Exchange Rate <input type="text" value="" id="exchange_rate"> 
 
<input type="button" value="Update Price" id="update_price"> 
 

 
<input class="price" name="pro_name[88197][1]" rel="4450000" value="" type="text"> 
 
<input class="price" name="pro_name[12316][2]" rel="4451000" value="" type="text"> 
 
<input class="price" name="pro_name[46511][3]" rel="4575120" value="" type="text"> 
 
<input class="price" name="pro_name[45151][4]" rel="2343400" value="" type="text"> 
 
<input class="price" name="pro_name[165652][5]" rel="4534500" value="" type="text"> 
 
<input class="price" name="pro_name[85559][6]" rel="4450000" value="" type="text"> 
 
</form>

Answer 2

您可以更新所有價格，如下所示。

$("#update_price").click(function() { 
 
    var ex_rate = $('#exchange_rate').val(); 
 
    
 
    $(".price").each(function() { 
 
     var rel = $(this).attr('rel') 
 
     $(this).val(ex_rate * rel); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="price" name="pro_name[88197][1]" rel="4450000" value="" type="text"> 
 
<input class="price" name="pro_name[12316][2]" rel="4451000" value="" type="text"> 
 
<input class="price" name="pro_name[46511][3]" rel="4575120" value="" type="text"> 
 
<input class="price" name="pro_name[45151][4]" rel="2343400" value="" type="text"> 
 
<input class="price" name="pro_name[165652][5]" rel="4534500" value="" type="text"> 
 
<input class="price" name="pro_name[85559][6]" rel="4450000" value="" type="text"> 
 

 
Exchange Rate 
 
<input type="text" value="" id="exchange_rate"> 
 
<input type="button" value="Update Price" id="update_price">