DOM 요소를 선택하고 추가 값

Question

나는 다음과 같은 마크 업이 - 내가 그 때 나는 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); 
});