Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 홈스타일링
- 사회적 가치
- #php크롤링 #웹스크래핑 #jquery연동 #코딩실습 #웹개발기초
- 감성인테리어
- 배당주
- 젊은세대
- 슬로우라이프 #워라밸 #셀프케어
- #ai디자인 #claude #figma #mcp #ux디자인 #ui디자인 #디자인자동화 #프로토타이핑 #디자인시스템 #웹디자인 #모바일디자인 #사용자경험 #퍼블리싱 #프론트엔드 #웹개발
- #오징어게임시즌3 #넷플릭스신작 #이정재 #오징어게임분석 #시즌3예상
- 라이프스타일
- #실용적 라이프스타일 #홈카페 #감성공간 #미니멀라이프
- 메타버스 쇼핑
- jQuery
- 인테리어소품
- 게임 리뷰
- 2025트렌드
- z세대
- 중고보상
- MZ세대
- 거실인테리어
- 카페인테리어
- #쥬라기월드2025 #공룡영화 #쥬라기공원 #영화정보 #jurassicworldnewera
- 홈카페만들기
- 크롤링
- 밀레니얼
- json
- 홈카페꾸미기
- 미니멀인테리어
- 가상화폐
- #mz세대 #z세대 #포지티브 모멘텀 #원영적 사고 #행집욕부 #인지적연대 #yolo #가성비
Archives
- Today
- Total
my story
jquery 천단위 숫자 적용하기. 본문
<!-- 표시할 숫자가 있는 요소 -->
<div id="myNumber">1234567</div>
// 천단위 숫자 포맷 적용 함수
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
// 숫자 요소를 선택하고 포맷을 적용
var myNumber = $("#myNumber").text();
$("#myNumber").text(numberWithCommas(myNumber));
먼저, 숫자를 천단위로 구분하여 포맷을 적용하는 numberWithCommas() 함수를 작성합니다. 이 함수는 문자열로 변환된 숫자에 정규 표현식을 적용하여 숫자를 천단위로 구분하고, 각 구분자 사이에 쉼표를 추가합니다.
이후에는 jQuery의 $() 함수를 사용하여 숫자 요소를 선택하고, .text() 메서드를 사용하여 해당 요소의 텍스트 값을 가져옵니다. 가져온 텍스트 값을 numberWithCommas() 함수에 인자로 전달하여 포맷을 적용하고, .text() 메서드를 다시 사용하여 포맷이 적용된 텍스트 값을 숫자 요소에 설정합니다.
위 코드에서는 $("#myNumber") 선택자를 사용하여 id 속성이 myNumber인 요소를 선택하였습니다. 다른 요소를 선택하려면 적절한 선택자를 사용하면 됩니다.
'코딩' 카테고리의 다른 글
jQuery에서 data 메소드를 사용하여 요소에 저장된 데이터 객체 (1) | 2023.04.07 |
---|---|
PHP를 사용하여 웹 페이지를 크롤링하는 예제 소스 코드입니다. (1) | 2023.04.07 |
jquery div append 소스 (0) | 2023.04.07 |
jQuery를 사용하여 로딩 화면을 표시하고, AJAX 요청을 보내고 응답을 받는 동안 로딩 화면을 유지하는 코드 예시입니다. (3) | 2023.04.07 |
jQuery를 사용하여 AJAX 요청 및 JSON 응답 데이터 처리하는 코드 예시입니다. (1) | 2023.04.07 |
Comments