JQuery / JavaScript - 对每行中的2个单元格执行计算,并将结果返回到每行中的第3个单元格

时间:2016-06-09 20:27:55

标签: javascript jquery

我试图对每行中的两个单元格进行一些计算(每个单元格都有一个唯一的类)并将结果返回给第三个单元格(也有自己的类)。我已将每个类放入其自己的数组中,并且我能够访问其中的元素。我并不完全确定我正在以正确的方式接近这一点,任何帮助都会非常感激。数学是(sub1 - sub2)/ sub2

这是我的JSFiddle,这是我的表格的html:



var sub1 = [];
var sub2 = [];
var sub3 = [];
$(function subP() {
  $('.sub1').each(function(i, e) {
    sub1.push($(e).text());
  });
  $('.sub2').each(function(i, e) {
    sub2.push($(e).text());
  });
  $('.sub3').each(function(i, e) {
    sub3.push($(e).text());
  });
  var x = (sub1[0] - sub2[0]) / sub2[0];
  $('.sub3:first').html(x);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <th>test0</th>
    <th>test1</th>
    <th>test2</th>
    <tr>
      <td class="sub1">1</td>
      <td class="sub2">2</td>
      <td class="sub3">0</td>
    </tr>
    <tr>
      <td class="sub1">3</td>
      <td class="sub2">4</td>
      <td class="sub3">0</td>
    </tr>
    <tr>
      <td class="sub1">5</td>
      <td class="sub2">6</td>
      <td class="sub3">0</td>
    </tr>
  </tbody>
</table>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

你还没有在你的小提琴中加载jQuery库。这就是为什么你的代码不起作用,否则你的代码会做一些事情。它得到计算结果并将其设置为所有 //I think this will help you if(!$(".main-menu .widescreen .nav-item > a") .hasClass(".dropdown")){ $(this).mouseover(function(e) { slideUpPanel(); }); }元素。

这是获得预期结果的一种方法。

.sub3

答案 1 :(得分:1)

这是一种方法

{
  "name": "millervolpe2016",
  "version": "1.0.0",
  "description": "Our company's new theme",
  "main": "index.php",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/jspraguemillervolpe/miller-volpe.git"
  },
  "keywords": [
    "miller",
    "volpe"
  ],
  "author": "Jason Sprague",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/jspraguemillervolpe/miller-volpe/issues"
  },
  "homepage": "https://github.com/jspraguemillervolpe/miller-volpe#readme",
  "devDependencies": {
    "grunt": "^1.0.1",
    "grunt-autoprefixer": "^3.0.4",
    "grunt-contrib-sass": "^1.0.0",
    "grunt-contrib-watch": "^1.0.0"
  },
  "dependencies": {}
}
var sub1 = [];
var sub2 = [];
var sub3 = [];
$(function subP() {
  $('.sub1').each(function(i, e) {
    sub1.push($(e).text());
  });
  $('.sub2').each(function(i, e) {
    sub2.push($(e).text());
  });
  $('.sub3').each(function(i, e) {
    var x = (sub1[i] - sub2[i]) / sub2[i];
    $(this).html(x);
  });
  
});