DOM要素を選択し、追加の値

Question

I次のマークアップがある - 私がいることを持っているとき、私はclass敵の変数に値を代入する必要はありません、最初に一つの要素を選択しようとしています

<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> 

を、変数私は、フレンドリーなクラスを持たない選択された要素から値を割り当てたいと思います。次に、これらの選択した値を一緒に追加します。私は以下を持っていますjQuery

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

誰でも私にこれを助けることができますか？

Answer 1

あなたの説明から、あなたは「友好的な」部門だけでこの行動を実行しようとしていることを理解しています。次のコードを考えてみましょう：

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

    alert(value1 + value2); 
});