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만 출력됩니다.