채택완료
JavaScript (또는, jQuery)로 각 요소 앞에 색인번호 붙이려면?
https://codepen.io/sinbi/pen/VwbqOae
Copy
<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개 / 댓글 8개
채택된 답변
+20 포인트
Copy
$("#hz h2").each(function(i) {
$(this).text((i + 1) + $(this).text());
});h2 { list-style-type:decimal;
display: list-item;
list-style-position: inside;}
이런 건 어떨까요?
답변에 대한 댓글 7개
답변을 작성하려면 로그인이 필요합니다.
이상하게 공부해도 저는 응용력이 안 생기네요.ㅡㅡ;;;