테스트 사이트 - 개발 중인 베타 버전입니다

jquery 를 사용해서 div를 생성할때마다 번호를 부여하고싶습니다. 채택완료

경하귀요밍 8년 전 조회 8,420

코드 : 

</p><p><div class="st">클릭</div></p><p><div id="cen_bo"> </div></p><p><script></p><p>$(document).ready(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$(".st").click(function(){ //div 생성</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>$("#cen_bo").prepend('<div class="ad"></div><div>안녕하세요</div>');</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>});</p><p>});</p><p></script></p><p><span style="font-size: 14.6667px;">
 

이렇게 작성하였습니다. 작동은 클릭 div를 클릭하면 아래 div 태그 안에 안녕하세요 라는 div가 생성되는데요, div 가 생성될때마다 class="ad" 의 div 안에 1,2,3 .. 일련번호를 넣고싶습니다. 

*****실행

클릭

 

1 안녕하세요

2 안녕하세요

3 안녕하세요 

...

이렇게요!! 혹시 일련번호를 부여하려면 어떻게 수정해야할까요?? 순서는 상관없습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

$(document).ready(function(){
    var no = 1;
    $(".st").click(function(){ //div 생성
        $("#cen_bo").prepend('<div class="ad"></div><div>안녕하세요' + no + '</div>');
        no++;
    });
});

prepend는 앞에 추가를 시키는 거라서 숫자가 역순입니다.

append로 바꾸셔야 하겠네요. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

경하귀요밍
8년 전
아 순서는 일부로 제가 먼저나온게 밑으로 가게하려고 prepend 써서 역순으로 하게한거에용ㅎㅎ
위에 코드는 예로 든거구.. 덕분에 해결했습니다!! 감사합니다(__)

댓글을 작성하려면 로그인이 필요합니다.

8년 전

 

var cnt = 0;

$(document).ready(function(){

5    $(".st").click(function(){ //div 생성
6

        $("#cen_bo").prepend('<div class="ad"></div><div>' + cnt + '안녕하세요</div>');

cnt = cnt + 1;

7    });

8


});

로 변경해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

경하귀요밍
8년 전
계속 for문을 돌려야하나..?? 이생각을 했었는데 ㅎㅎ 답변 감사합니다!!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인