javascript - 每三个 计数一次

Question

网站:https://bit 。 ly/1MHItEH

你看到红色数字了吗？我只想将每三个跨度计算为一个总和。 x+x+x+x=Y我该怎么做，有人可以帮助我吗？我认为解决方案是计算每三个跨度，但是如何呢？代码示例:

<table class='table table-bordered table-striped'>	
			
  <tbody>
    <tr style='background: #fff;'>
      <td><span style='background-color: #5cb85c; border-radius: .25em; padding: .2em .6em .3em; font-weight: bold; color: #fff; font-size: 10pt; '>Online</i></span></td>      

      <td><span style='color: #fff; font-size: 10pt;'>79.98.30.225:27030</span></td>
      <td><span style='text-shadow: 0 0 10px #FF003C; color: #ff0041; font-size: 20pt;'>10</span></td>
    </tr>
    <tr style='background: #fff;'>
      <td><span style='background-color: #5cb85c; border-radius: .25em; padding: .2em .6em .3em; font-weight: bold; color: #fff; font-size: 10pt; '>Online</i></span></td>      

      <td><span style='color: #fff; font-size: 10pt;'>45.125.66.156:27015</span></td>
      <td><span style='text-shadow: 0 0 10px #FF003C; color: #ff0041; font-size: 20pt;'>0</span></td>
    </tr>
    <tr style='background: #fff;'>
      <td><span style='background-color: #5cb85c; border-radius: .25em; padding: .2em .6em .3em; font-weight: bold; color: #fff; font-size: 10pt; '>Online</i></span></td>      

      <td><span style='color: #fff; font-size: 10pt;'>185.80.129.199:27015</span></td>
      <td><span style='text-shadow: 0 0 10px #FF003C; color: #ff0041; font-size: 20pt;'>0</span></td>
    </tr>
  </tbody>
</table>

Answer 1

尝试querySelectorAll('tr td:nth-child(3) span')，例如:

var totalCount = 0;
document.querySelectorAll('tr td:nth-child(3) span').forEach(function(s){
  totalCount += parseInt(s.textContent);
});

console.log(totalCount);

<table class='table table-bordered table-striped'>	

<center><iframe src="X" width="640" style="max-height:35px;" height="35" scrolling="auto" frameBorder="0"></iframe></center>

  <tbody>
    <tr style='background: #fff;'>
      <td><span style='background-color: #5cb85c; border-radius: .25em; padding: .2em .6em .3em; font-weight: bold; color: #fff; font-size: 10pt; '>Online</i></span></td>      

      <td><span style='color: #fff; font-size: 10pt;'>79.98.30.225:27030</span></td>
      <td><span style='text-shadow: 0 0 10px #FF003C; color: #ff0041; font-size: 20pt;'>10</span></td>
    </tr>
    <tr style='background: #fff;'>
      <td><span style='background-color: #5cb85c; border-radius: .25em; padding: .2em .6em .3em; font-weight: bold; color: #fff; font-size: 10pt; '>Online</i></span></td>      

      <td><span style='color: #fff; font-size: 10pt;'>45.125.66.156:27015</span></td>
      <td><span style='text-shadow: 0 0 10px #FF003C; color: #ff0041; font-size: 20pt;'>0</span></td>
    </tr>
    <tr style='background: #fff;'>
      <td><span style='background-color: #5cb85c; border-radius: .25em; padding: .2em .6em .3em; font-weight: bold; color: #fff; font-size: 10pt; '>Online</i></span></td>      

      <td><span style='color: #fff; font-size: 10pt;'>185.80.129.199:27015</span></td>
      <td><span style='text-shadow: 0 0 10px #FF003C; color: #ff0041; font-size: 20pt;'>0</span></td>
    </tr>
  </tbody>
</table>