jQuery find()
xml 에서 객체를 빼오는 초간단 예제.
<!doctype html>
<html>
<head>
<title>jquery test</title>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
</head>
<body>
<script>
// 변수선언
var xml = '';
xml += '<friends>';
xml += ' <friend>';
xml += ' <name>김종석</name>';
xml += ' <language>Ruby</language>';
xml += ' </friend>';
xml += ' <friend>';
xml += ' <name>윤하린</name>';
xml += ' <language>C++</language>';
xml += ' </friend>';
xml += ' <friend>';
xml += ' <name>박규영</name>';
xml += ' <language>C#</language>';
xml += ' </friend>';
xml += '</friends>';
$(document).ready(function () {
// 변수 선언
var xmlDoc = $.parseXML(xml);
$(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>';
// 출력
document.body.innerHTML += output;
});
});
</script>
</body>
</html>
본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문