javascript - jQueryを使用して1つのクラスにある各要素のコンテンツを変更する方法

Question

誰かがこれで私を助けてくれることを願っています。1 つのクラスに 30 個の要素があるコンテンツがあります。

click(function(){...ボタンをクリックするなど、各要素をメソッドで変更する必要があります。

各要素の値は、たとえば * 2 より前の値にする必要があります。

ここに私のhtmlの一部があります:

<p>from <span class="currency">69.95</span></p>
<p>Economy Worldwide - above <span class="currency">65.05</span></p><p>Express Worldwide - above <span class="currency">195.15</span></p>

ご協力いただきありがとうございます。

Answer 1

私は次のようにします：

$("button").click(function() {
    $(".currency").text(function(i, val) {
        return val * 2;
    });
});

デモ: http://jsfiddle.net/eGxAV/

Answer 2

$('button').click(function () {
    $('span.currency').each(function () {
        var newVal = $(this).text() * 2;
        $(this).text(newVal.toFixed(2));
    });
});

jsFiddle の例

Answer 3

私はお勧めします：

$('.currency').click(function(){
    $('.currency').text(function(i,t){
        return parseFloat(t * 2).toFixed(2);
    });
});