javascript - 在具有相同类的每个表上运行 jquery

Question

我生成了多个表，我正在计算每个表的列总数。

下面的代码对第一个表非常有效，但如果我删除“:first”，它会给出所有表的总和，这是我不想要的。

var total = 0;
jQuery('table.views-table:first td.views-field-qty').each(function()
{
    var price = parseInt(jQuery(this).text());
    if (!isNaN(price))
    {
        total += price;
    }
});
jQuery('table.views-table:first').after('<p> Total Tickets Sold: <strong>' + total + '</strong></p>');

当所有类和 td 类都相同时，如何为每个表执行上述操作，并在每个表下添加摘要。对表格类别进行编号并不好，因为可能有任何数量。

Answer 1

用 .each 循环包裹你的表格

jQuery('table.views-table').each(function(i,el){
    var table = jQuery(el);
    var total = 0;
    table.find('td.views-field-qty').each(function()
    {
        var price = parseInt(jQuery(this).text());
        if (!isNaN(price))
        {
            total += price;
        }
    });
    table.after('<p> Total Tickets Sold: <strong>' + total + '</strong></p>');
});