p태그 천단위 콤마추가 질문드립니다!

[김철준]

<article class="covid-19">
<h3>COVID-19 STATISTICS</h3>
<div>
<p>Coronavirus Cases</p>
<p class="number">427043571</p>
</div>
<div>
<p>Deaths</p>
<p class="number">5912762</p>
</div>
<div>
<p>Recovered</p>
<p class="number">354288629</p>
</div>
</article>

 

이렇게 된 구조에서 천단위마다 콤마를 추가하고 싶어서 하단에

 

<footer>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
$('.number').text($('.number').text().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
</script>
</footer>

 

이런 코드를 추가했더니 천단위로 바뀌기는 하는데

 

Coronavirus Cases

42,704,357,159,127,623,542,886,291,520
Deaths

42,704,357,159,127,623,542,886,291,520
Recovered

42,704,357,159,127,623,542,886,291,520

 

이렇게 전부 들어가버립니다 ㅜㅜ 이유가 멀까요!?

[codingapple]

3개 한번에 찾아서 바꾸지 말고

1개씩 찾아서 바꾸도록 합시다 

[글쓴이]

글