2014-07-24 2 views
0

임 : 여러 div의 가격 * 입력 값을 계산하려했으나이를 수행하는 방법을 모르겠다. (.each() ???). 여기 jquery 계산. 복수 div 합계 및 총계 계산

내 바이올린입니다 : http://jsfiddle.net/V5hrY/2/

내가이 제대로 작동하지 않는 부분을 주석 볼 수 있습니다

>//HAVING TROUBLE HERE!!! 
$('.total p span').each(function(){ 
     $(this).html(
      $('.total p span').closest(".info").find('.price p span').html() 
      * 
      $('.total p span').closest(".info").find('.ticket input').val()); 
    }); 

대부분의 부품이 다른 몇 정수가있을 때를 제외하고 잘 작동하고 있습니다 입력란을 선택하고 다른 라디오 버튼을 선택하면 개별 계산이 해제됩니다. 특히 나는 각 div의 특정 합계에 대해 특정 사항을 계산하는 동안 .each() 또는 루핑에 대한 지식이 매우 부족하기 때문에 특히 그렇습니다.

는 알려줘 그 않네 명확도, 그 기본적 또한 .each() 바로 //HAVING TROUBLE HERE.에서

, 사람도 날 위해이 대답을 추측 할 수 있다면. 바이올린에서 어떤 이유로이 버그를 재현 할 수 없지만 이것은 내 사이트에서 얻는 또 다른 버그입니다. 처음 페이지가로드 될 때 라디오 버튼에서 아무 것도 선택하지 않고 두 번째 또는 세 번째 값을 선택하면... 모든 입력 필드를 클릭 할 때까지 총계는 $NaN을 반환하고 올바르게 계산됩니다.

미리 도움 주셔서 감사합니다. - 모든 계산 합으로 업데이트있어 결과에

 $('.total p span').each(function(){ 
      $(this).html(
       $(this).closest(".info").find('.price p span').html() 
       * 
       $(this).closest(".info").find('.ticket input').val()); 
     }); 

당신이 각각의 반복에서 이러한 범위 태그의 모든 내부 HTML을 변경했다 방법 :

+0

감사합니다. Amin, 여전히 편집하는 편이 낫습니다. – mike

답변

2

싶은 것은 다음과 같다 마지막 요소.

+1

나를 때려 눕히세요! 루프 내에서 호출하는 내용과 요소에 연결된 기능을 구별하는 것이 중요합니다. 일반적으로 each() 함수는 각 항목을 순환하여 (분명히) $ (this)가 반복되는 개별 항목에 대한 올바른 호출이됩니다. – jeffkee

+0

와우 감사합니다! 나는 내가 옳은 길에 있었다는 것을 믿을 수 없다. 그것이 완전히 다른 무엇인가 였을 것이라고 생각했습니다. 너무 이해가되는 설명을 해주셔서 감사합니다. NaN 문제에 대해 알고 있습니까? 방금 다시 테스트했기 때문에 나는 원래의 게시물을 편집하려고 했었습니다. 다른 작업을하기 전에 입력을 클릭 할 때마다 ... 라디오 버튼을 클릭하거나 3 개의 입력을 모두 클릭 할 때까지 계산됩니다. 총액의 NaN ... – mike

+1

죄송합니다 - 그 부분은 재현 할 수 없습니다. – brainbowler