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개
채택된 답변
+20 포인트
4년 전
Copy
$("#hz h2").each(function(i) {
$(this).text((i + 1) + $(this).text());
});
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
sinbi
4년 전
댓글을 작성하려면 로그인이 필요합니다.
4년 전
h2 { list-style-type:decimal;
display: list-item;
list-style-position: inside;}
이런 건 어떨까요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 7개
4년 전
javascript 필요했던 기능을
css만으로 할 수 있는 것들이 많이 생겼더라구요.
그래서 굳이 javascript 없는 방법은 어떨까 해서 생각해 봤습니다.
css만으로 할 수 있는 것들이 많이 생겼더라구요.
그래서 굳이 javascript 없는 방법은 어떨까 해서 생각해 봤습니다.
sinbi
4년 전
그렇잖아도 counter() 함수란 게 있길래 요걸 써먹었는데,
엑스엠엘 님 응용력에 감탄했습니다. ㅎ
CSS 공부 많이 했는데, 왜 응용력이 안 생기는건지...참.ㅡㅡ;;;
엑스엠엘 님 응용력에 감탄했습니다. ㅎ
CSS 공부 많이 했는데, 왜 응용력이 안 생기는건지...참.ㅡㅡ;;;
4년 전
정말 딱 맞는 거는
https://css-tricks.com/almanac/properties/c/counter-increment/
이거였네요.
https://css-tricks.com/almanac/properties/c/counter-increment/
이거였네요.
sinbi
4년 전
헐, 따끈따끈 신선합 팁이네요.
고이 모셔놔야 겠습니다. ㅎㅎ
언제 써먹을지 모르니.....
감사합니다. ( ^ _______ ^ ) ==b
고이 모셔놔야 겠습니다. ㅎㅎ
언제 써먹을지 모르니.....
감사합니다. ( ^ _______ ^ ) ==b
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이상하게 공부해도 저는 응용력이 안 생기네요.ㅡㅡ;;;