我有如下表格:
<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}
这样的数组,然后根据面积和总面积值对数组值进行分组。
喜欢:
面积 250 : 410.5
面积 100 : 51.25
面积 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)
你能告诉我如何处理这个问题吗?
这个JSFiddle应该可以解决你的问题。我还修复了您丢失的标题,您在干粮 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);
将 id 值更改为其他属性,例如 class。
遍历行(使用 tbody 元素跳过标题)并从具有所需类的元素中收集值。您将需要使用数组来存储它们,因为您无法对对象的属性进行排序,并且每个属性必须具有唯一的名称。
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());
});
然后你有 on 对象包含键值 [键=区号,值=总计]