选择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); 
});