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;
    });
});

DEMO： 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 example

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

3 个答案: