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

Question

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

我建议：

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

Answer 3

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

jsFiddle 示例