Question

我的表格如下：

<table>
   <thead>
      <th>PRODUCT</th>
      <th>QUANTITY</th>
      <th>AREA</th>
      <th>PRICE</th>
      <th>TOTAL</th>
   <tr>
      <td id="name">SWEETS</td>
      <td id="qty">10</td>
      <td id="area">250</td>
      <td id="price">16.50</td>
      <td id="total">160.50</td>
   </tr>
   <tr>
      <td id="name"">DRY FOODS</td>
      <td id="qty">5</td>
      <td id="area">100</td>
      <td id="price">10.25</td>
      <td id="total">51.25</td>
   </tr>
   <tr>
      <td id="name">FRESH</td>
      <td id="qty">20</td>
      <td id="area">250</td>
      <td id="price">5</td>
      <td id="total">100</td>
   </tr>
   <tr>
      <td id="name">MEAT</td>
      <td id="qty">10</td>
      <td id="area">250</td>
      <td id="price">15</td>
      <td id="total">150</td>
   </tr>
   <tr>
      <td id="name">FROZEN</td>
      <td id="qty">20</td>
      <td id="area">300</td>
      <td id="price">10</td>
      <td id="total">200</td>
   </tr>
</table>

所以，我想创建一个像{area:total}这样的数组，然后根据面积和总和面积值对数组值进行分组。

喜欢：
AREA 250 ：410.5
区域100 ：51.25
AREA 300 ：200

我尝试了如下，我得到了数组，但我不知道如何对区域进行分组（我使用了setInterval函数，因为员工可以删除或更改区域值）

            setInterval(function() {
            var $row = $(this).closest("tr");
            var sasData = [];
            $row.each(function(i) {
                var sasValue = parseFloat($row.find("#area").val());
                var totValue = parseFloat($row.find("#total").val());
                sasData.push({sas:sasValue, tot:totValue});
                console.log(sasData);
            });

            function compressedArray(original) {
                var compressed = [];
            };
        }, 1500)

请您告诉我如何处理这个问题？

Answer 1

这个JSFiddle可以解决你的问题。我还修复了你遗失的thead，你在 DRY FOODS td中的双引号，并将id更改为类：

http://jsfiddle.net/Q9nrf/1/

var areas = {};
$("tr").each(function() {
    var area = $(this).find("td.area").text();
    if (area != "") {
        var total = parseFloat($(this).find("td.total").text());
        if (!areas.hasOwnProperty(area)) {
            areas[area] = 0;            
        }
        areas[area] += total;
    }
});
console.log(areas);

Answer 2

您需要将id值更改为其他属性，比如class。

遍历行（使用tbody元素跳过标题）并从包含您所在类的元素中收集值。您将需要使用数组来存储它们，因为您无法对对象的属性进行排序，并且每个属性都必须具有唯一的名称。

Answer 3

ID应为唯一。所以将<td id="area">250</td>更改为<td class="area">250</td>

然后打电话：

o = {};
$("td.area").each(function(){ 
 key = o[$(this).text()];
 if (!key) key = 0;
 key += parseFloat( $(this).closest("tr").find(".total").text());
});

然后你有对象包含键值[key =区号，值=总计]

求和关联数组键值并按键对其进行分组

3 个答案: