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