JavaScript (또는, jQuery)로 각 요소 앞에 색인번호 붙이려면?

JavaScript (또는, jQuery)로 각 요소 앞에 색인번호 붙이려면?

QA

JavaScript (또는, jQuery)로 각 요소 앞에 색인번호 붙이려면?

본문

https://codepen.io/sinbi/pen/VwbqOae


<div id="hz">
    <h2>번째 H2</h2>
    <h2>번째 H2</h2>
    <h2>번째 H2</h2>
    <h2>번째 H2</h2>
    <h2>번째 H2</h2>
</div>

 

 

HTML 요소가 위와 같을 경우,

JS (또는, jQuery) 이용해 앞에 순번 추가하려면 ?

(즉, 아래처럼 나오게....)

1번째 H2

2번째 H2

3번째 H2

4번째 H2

5번째 H2

 

 

이 질문에 댓글 쓰기 :

답변 2


$("#hz h2").each(function(i) {
    $(this).text((i + 1) + $(this).text());
});

h2 { list-style-type:decimal;
    display: list-item;
list-style-position: inside;}

이런 건 어떨까요?

그렇잖아도 counter() 함수란 게 있길래 요걸 써먹었는데,
엑스엠엘 님 응용력에 감탄했습니다. ㅎ
CSS 공부 많이 했는데, 왜 응용력이 안 생기는건지...참.ㅡㅡ;;;

답변을 작성하시기 전에 로그인 해주세요.
전체 123,155 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT