ajax each 반복문 출력 채택완료

level.php

<레벨>
    <lv>1</lv>
    <lv>2</lv>
    <lv>3</lv>
    <lv>4</lv>
    <lv>5</lv>
</레벨>

index.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $("button").click(function(){
        $.ajax({
            url: "level.xml",
            type : "POST",
            success: function(xml){
                $(xml).find('레벨').find('lv').each(function(i, e){
                    $('#hz').html($(this).text());
                });
            }
       });
    });
});
</script>

<div id="hz"><h2>레벨 종류?</h2></div>
<button>알려줘!</button>

-------------------------------------------------------------------------

핑크색 부분을 어떤 식으로 처리해야

id="hz 요소 안에 아래처럼 출력시킬 수 있을까요?

1

2

3

4

5

PS. 현재, 위처럼 하면 마지막 5만 출력됩니다.

답변 1개

채택된 답변
+20 포인트

$('#hz').append($(this).text());

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

답변에 대한 댓글 1개

감사합니다. ^^
append....이럴 때 써먹는 거군요.

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

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

로그인
🐛 버그신고