시작 레이블에 $ 기호를 추가하는 방법

Question

JQuery를 처음 사용합니다. 라벨의 시작 부분에 '$'기호를 추가하고 싶습니다.

여기 내 코드입니다. 찾고있어 줘서 고마워.

<input id="field1" type="text" /> 
<div id="output"></div> 
<script> 
    $(function() { 
     $('#field1').keydown(function() { 
      setTimeout(function() { 
       $('#output').append("$").text($('#field1').val()/100).append(".00"); 
      }, 50); 
     }); 
    }); 
</script> 

사용자가 3000을 입력하면 출력이 30.00 인 경우 위 코드에서 출력됩니다. 는하지만 출력이 나는이

$<div id="output"></div> 

을 할 수 $ 30.00

되고 싶어하지만 잘 정렬되지 않습니다.

Answer 1

text()을 호출하면 먼저 추가 한 $을 덮어 씁니다. 대신, prepend$ 마지막 :

$('#output').text($('#field1').val()/100).append(".00").prepend("$"); 

Answer 2

당신이 $의 HTML 특수 문자를 사용하여 시도?

.prepend("$") 

Answer 3

왜 이렇게 간단하지 않습니까?

마음이 날려 버리는 데모를 확인하십시오.

DEMO

$('#output').text('$'+ ($('#field1').val()/100) + '.00');