我如何使用 jquery 在 html 中取值并从其他值中扣除它

Posted 2023-05-08

【中文标题】我如何使用 jquery 在 html 中取值并从其他值中扣除它

【英文标题】：How can i take value and deduct it from other in html using jquery

【发布时间】：2021-04-01 11:38:28

【问题描述】：

I want jquery for taking value from `<td>` and will deduct it from h2 tag in final output place.This is the for loop exact area.
           <% photolist.forEach(function(photo) %>  
    <tr>                        
         <td id="likescount"><%=photo.likes_count%></td>
      </tr>
     <%)%>

我想从数组中访问这个计数以进行减法。

【参考方案1】：

不需要 jQuery

const h2 = document.querySelector(".totallikes");
h2.textContent -= document.getElementById("likescount").textContent; 

注意：减号转换为数字

const h2 = document.querySelector(".totallikes");
h2.textContent -= document.getElementById("likescount").textContent; 

<div class="col-lg-3">
  <div class="widget style1 lazur-bg">
    <div class="row">
      <div class="col-4">
        <i class="fa fa-thumbs-o-up fa-5x"></i>
      </div>
      <div class="col-8 text-right">
        <span>Total no. of likes </span>
        <h2 class="totallikes font-bold">45</h2>
      </div>
    </div>
  </div>
</div>

<table>
  <tbody>
    <tr>
      <td id="likescount">5</td>
    </tr>
  </tbody>
</table>

如果它必须是 jQuery 则

const $h2 = $(".totallikes");
$h2.text($h2.text() - $("#likescount").text())

const $h2 = $(".totallikes");
$h2.text($h2.text() - $("#likescount").text())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-lg-3">
  <div class="widget style1 lazur-bg">
    <div class="row">
      <div class="col-4">
        <i class="fa fa-thumbs-o-up fa-5x"></i>
      </div>
      <div class="col-8 text-right">
        <span>Total no. of likes </span>
        <h2 class="totallikes font-bold">45</h2>
      </div>
    </div>
  </div>
</div>

<table>
  <tbody>
    <tr>
      <td id="likescount">5</td>
    </tr>
  </tbody>
</table>