<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<script>
//변수를 선언
var xml = '';
xml += '<friends>';
xml += ' <friend>';
xml += ' <name>김영렬</name>';
xml += ' <language>영어</language>';
xml += ' </friend>';
xml += ' <friend>';
xml += ' <name>슈퍼맨</name>';
xml += ' <language>불어</language>';
xml += ' </friend>';
xml += ' <friend>';
xml += ' <name>베트맨</name>';
xml += ' <language>일어</language>';
xml += ' </friend>';
xml += '</friends>';
//alert(xml)
$(function(){
var xmlDoc = $.parseXML(xml);//문자열을 XML 문서 객체로 변견
//$(xmlDoc) : 문서 객체 xmlDoc을 $() 메소드에 넣어 사용
//friend 태그는 세 개 이므로 each() 메서드를 사용
$(xmlDoc).find('friend').each(function(index){
//변수 선언
var output ='';
output += '<div>';
output += ' <h1>' + $(this).find('name').text() +'</h1>' ;
output += ' <p>' + $(this).find('language').text()+'</p>' ;
output += '</div>';
$('body').append(output);
})
});
</script>
<body>
</body>
</html>
' sundries' 카테고리의 다른 글
| 3-4 attr() (0) | 2018.01.12 |
|---|---|
| 3-1 addClass() 콜백 함수 (0) | 2018.01.12 |
| 2-4 체이닝_필터 end() eq() add() hide() show() (0) | 2018.01.12 |
| 2-4 체이닝 (0) | 2018.01.12 |
| 2-3 filter(function(index)) (0) | 2018.01.12 |
