时间戳

首页 > 解决方案 > Jquery多个每个类的值

jquery - Jquery多个每个类的值

问题描述

        <input type="text" class="form-control en" id="en" name="en[]" placeholder="En" required/> </input>  </div> 

        <div class="col"> <p>  <input type="text" id="hundurluk[]" 
        class="form-control hundurluk"  name="hundurluk[]" placeholder="Hundurluk" required/> </input>

我想得到这个值并进行类似的操作 var sum += this.value * this.value;

      $('.example , .exampleanother').each(function() { 
      var total += $('.example').value() * $('.exampleanother').value();   
      });

标签： jquery

解决方案

在 FIRST 类上使用 map 和 reduce

const sum = $('.en').map(function() {
    return $(this).val() * $(this).closest("div").next().find(".hundurluk").val()
  })
  .get().reduce((a, b) => a + b);
$("#total").text(sum)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <input type="text" class="form-control en" name="en[]" placeholder="En" value="1" required/>
</div>
<div class="col">
  <p> <input type="text" class="form-control hundurluk" name="hundurluk[]" placeholder="Hundurluk" value="2" required/>
</div>
<div>
  <input type="text" class="form-control en" name="en[]" placeholder="En" value="2" required/>
</div>
<div class="col">
  <p> <input type="text" class="form-control hundurluk" name="hundurluk[]" placeholder="Hundurluk" value="3" required/>
</div>

<span id="total"></span>

与每个

let sum = 0

$(".en").each(function() {
  sum += $(this).val() * $(this).closest("div").next().find(".hundurluk").val()
})

$("#total").text(sum)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <input type="text" class="form-control en" name="en[]" placeholder="En" value="1" required/>
</div>
<div class="col">
  <p> <input type="text" class="form-control hundurluk" name="hundurluk[]" placeholder="Hundurluk" value="2" required/>
</div>
<div>
  <input type="text" class="form-control en" name="en[]" placeholder="En" value="2" required/>
</div>
<div class="col">
  <p> <input type="text" class="form-control hundurluk" name="hundurluk[]" placeholder="Hundurluk" value="3" required/>
</div>


<span id="total"></span>

推荐阅读