同時に4つのdivを変更します

Question

4つの入力フィールドがあり、最後には通貨を選択するためのドロップダウン要素があります。そして、私がしたいのは、私が彼らの上で変わったとき、彼らはすべてJSを使って変わります。

たとえば、2番目のラベルをUSDに変更すると、もう1つは従う必要があります。これは入力フィールドのドロップダウンメニューのHTMLコードです

<div class="ui dropdown label"> 
    <div class="text">Euro</div> 
    <i class="dropdown icon"></i> 
    <div class="menu"> 
    <div class="item">USD</div> 
    <div class="item">GBP</div> 
    <div class="item">SEK</div> 
    </div> 
</div> 

このためにJS関数を書く方法がいくつかあります。 jQueryを使って何jQueryのソリューション、単なるJS

Answer 1

、同時に「アイテムのクラスのすべての要素を変更するには、あなたはイースリー

<script src="jquery.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('.item').text('MONEY'); 
}); 
</script>