Question

我正在为以下问题搜索正确的语法：

我在页面上有一些元素与同一个类=＆＃34; power＆＃34;，我想要全部选择它们并将它们的值提高3.如何在jquery中实现这一点？

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

class Parent
  include Mongoid::Document
  embeds_many :childrens , cascade_callbacks: true
end

class Child
  include Mongoid::Document
  include Mongoid::Paperclip
  embedded_in :parent, inverse_of: :childrens
  has_mongoid_attached_file :photo,
       path: "parent/:id_parent/child/:id/:filename"
end

输出

<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>

我想要什么

我想

Answer 1

您可以使用.each()。

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

Answer 2

使用jQuery.each。

$('.power').each(function() {
  $(this).html(foo($(this).html()));
});

如何按类选择多个html元素并更改其不同的值？

2 个答案: