选择DOM元素并添加值

Question

我有以下标记 -

<div class="area 1 friendly">
        <div class="area-count">
            8
        </div>
    </div>
    <div class="area 2 friendly">
        <div class="area-count">
            9
        </div>
    </div>
    <div class="area 3 enemy">
        <div class="area-count">
            10
        </div>
    </div>
    <div class="area 4 friendly">
        <div class="area-count">
            11
        </div>
    </div>
    <div class="area 5 enemy">
        <div class="area-count">
            12
        </div>
    </div>

我试图首先选择一个没有class敌人的元素，并将其值赋给变量，当我拥有该变量时，我想要从所选元素中分配一个值有一类友好的..我会将这些选择的值加在一起。我有以下jQuery

$(".area").click(function(){
            $(".area").not(this,".enemy").removeClass("clicked");
            $(this).not(".enemy").toggleClass("clicked");
        });

任何人都可以帮我进一步吗？

Answer 1

根据您的描述，我了解您只想在“友好”div上执行此操作。请考虑以下代码：

$(".area").not(".enemy").click(function() {
    var value1 = parseInt($(".area").not(this, ".enemy").first().children().html());
    var value2 = parseInt($(this).children().html());

    alert(value1 + value2);
});