選擇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); 
});