jquery - 如何按类选择多个html元素并更改它们的不同值？

Question

我正在寻找解决以下问题的正确语法:

我在页面上找到了一些具有相同 class="power"的元素，我想将它们全部选中并将它们的值提高 3。我如何在 jquery 中实现此目的？

到目前为止，我的解决方案将所有元素的值设置为 4。

<div class="power">1</div>
<div class="power">2</div>
<div class="power">3</div>
<div class="power">4</div>



 <script>
    $('.power').html(foo($('.power').html()));
    function foo(bla){
        var output = parseInt(bla)+3;
        return output;
    }


</script>

输出

4
4
4
4

我想要什么

4
5
6
7

我猜

Answer 1

您可以使用.each()。

$('.power').each(function(){
    var output = parseInt($(this).text())+3;
    $(this).html(output);
});