如何使用jQuery更改一个类中的每个元素的内容

时间:2013-03-07 14:39:59

标签: javascript jquery class foreach currency

希望有人可以帮助我。 我有内容,其中有一个类的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>

感谢您的协助。

3 个答案:

答案 0 :(得分:4)

我会按以下方式进行:

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

DEMO: http://jsfiddle.net/eGxAV/

答案 1 :(得分:1)

我建议:

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

答案 2 :(得分:1)

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

<强> jsFiddle example