ID로 두 요소의 값을 얻고 추가하는 방법

Question

<script type="text/javascript"> 
$(document).ready(function() { 

     var sub_total = $("sub_total").text(); 
         alert(sub_total); 
     var ship_total = $("ship_total").val() 
         alert(ship_total); 

     var new_total = sub_total + ship_total; 

     $('#new_total').html(new_total.toFixed(2)); 
    }); 

</script> 

경고를 사용하여 출력을 테스트했으며 범위 ID 안에 값을 가져 오지 않았습니다.

$<span id="sub_total"><?php echo $sub_total = number_format($this->cart->total(), 2); ?></span></td> 

이것은 페이지에 올바르게 표시되지만 경고는 빈 상자입니다. 값을 숫자가 아닌 NaN으로 계산합니다.

어떻게이 두 필드에 값을 추가합니까?

Answer 1

편집 : 당신은 가치를 깜빡

- 당신은 이미 당신이

var sub_total = parseInt($("#sub_total").text());// this is where you need to use .text() 
var ship_total = parseInt($("#ship_total").text()); 

또는 같은 값을 얻을 수 jQuery를 사용하고 있기 때문에 당신은 단지 요소

을 받고 당신이 평범한 js를 유지하고 싶다면 ..

document.getElementById("sub_total").value 

텍스트에 $가 있으므로 파싱하기 전에 제거해야합니다. 정규식을 @Bubbles 명시된대로 사용하거나 $ 기호를 제거 할 방법을 사용할 수 있습니다. 예 : 문자열 .. 분할 ..

$.trim($("#sub_total").text().split('$')[1]) 

또는

$.trim($("#sub_total").text()).substring(1) 

Answer 2

wirey은 문제의 일부의 좋은 리뷰를 제공하지만 그대로 나는 그것이 충분하다 생각하지 않습니다. "parseInt"는 "$ 20"에서 작동하지 않으므로 먼저 달러 기호를 제거해야합니다.

var sub_total = parseInt($("#sub_total").text().match(/[0-9]+/))); 
var ship_total = parseInt($("#ship_total").text().match(/[0-9]+/))); 

이 그냥 범위에서 번호를 사로 잡고, 다음을 구문 분석 : 당신이 게으른 느낌이있어 경우, 이것은 좋은 정규식 즉석에서 해결 할 수 없습니다 아무것도 없다.