not set

jQuery find() 본문

javascript/jQuery

jQuery find()

다크곰 2012. 1. 31. 16:01

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입문  
저작자표시

'javascript > jQuery' 카테고리의 다른 글

jQuery 문서 객체의 스타일  (0) 2012.02.03
jQuery 객체 클래스 속성추가(addClass), 제거(removeClass), 속성검사(attr), 제거(removeAttr(name))  (0) 2012.02.02
jQuery 객체 확장 $.extend  (0) 2012.01.31
jQuery 필터 선택자  (0) 2012.01.17
jQuery로 select box 및 check box의 값 가져오는 방법  (0) 2012.01.17
'javascript/jQuery' Related Articles more