Question

我有jquery来总结整个页面的所有价格。但我希望按部分得到总数。每个部分都在一个div中，每个div的id都是唯一的。

<div id="ui-id-1" class="equip-section">
        <textarea class="section-title">Section Title</textarea>
        <span id="sectprice" class="section-price">$0.00</span>
        <div class="Hiderow"><a class="addDrow" href="javascript:;" title="Add a row">Add a row</a></div>
        <div class="equip-item">
            <textarea class="item-name">Item Name</textarea>
            <textarea class="model">Models</textarea>
            <textarea class="cost">$45.00</textarea>
            <textarea class="qty">2</textarea>
            <span class="price">$90.00</span>
        </div>
        <div class="equip-item">
            <div class="delete-wpr">
                <textarea class="item-name">Item Name</textarea>
                <a class="delete" href="javascript:;" title="Remove row">X</a>
                <textarea class="model">Models</textarea>
                <textarea class="cost">$11.00</textarea>
                <textarea class="qty">2</textarea>
                <span class="price">$22.00</span>
            </div>
        </div>
        <div class="equip-item">
            <div class="delete-wpr">
                <textarea class="item-name">Item Name</textarea>
                <a class="delete" href="javascript:;" title="Remove row">X</a>
                <textarea class="model">Models</textarea>
                <textarea class="cost">$6.00</textarea>
                <textarea class="qty">2</textarea>
                <span class="price">$12.00</span>
            </div>
        </div>
    </div>
    <div id="ui-id-2" class="equip-section">
        <textarea class="section-title">Section Title</textarea>
        <span id="sectprice" class="section-price">$0.00</span>
        <div class="Hiderow">
            <a class="addDrow" href="javascript:;" title="Add a row">Add a row</a>
        </div>
        <div class="equip-item">
            <textarea class="item-name">Item Name</textarea>
            <textarea class="model">Models</textarea>
            <textarea class="cost">$4.00</textarea>
            <textarea class="qty">1</textarea>
            <span class="price">$4.00</span>
        </div>
    </div>

所以我希望ui-id-1节的价格总和其中的所有价格和ui-id-2总计其中的所有价格等等。所有这些都是动态生成的，或者我会创建特定的名。

**编辑 - 对不起，这里很快又脏 jfiddle

注意当您更改成本或数量时价格更新。我希望各部分合计。

Answer 1

$('.equip-section').filter(function() {
    var prices = 0;
    $(this).find('.price').map(function() {
        prices += Number($(this).text().replace('$', 0));
    });
    console.log(prices);
});

Demo Link

根据类名选择Div中的总和

1 个答案: