반응형
JQuery는 엘리먼트를 반복하는 데 사용되는 매우 유용한 도구입니다. 이는 each 함수때문입니다. jQuery 객체에 있는 각 엘리먼트를 반복합니다.
HTML dom 엘리먼트이거나 다른 여러 엘리먼트일 수도 있으며 이번 예제에서는 xml 노드입니다. JQuery는 내장된 함수인 .get 함수와 each 함수를 사용하여 XML 파일을 로드하고 반복문을 구현할 수 있습니다.
먼저 .get 함수를 사용하여 XML의 모든 엘리먼트를를 가져옵니다. 파일의 위치를 첫 번째 매개 변수로 전달하면이 함수 내에서 xml 변수로 사용할 수 있습니다.
$.get("xmlfile.xml", {}, function (xml) { }
이 함수 내에서 xml 변수를 사용하여 xml 노드를 처리 할 수 있습니다. 이제 XML 문서로 원하는 노드의 이름을 검색하는 jQuery 객체 검색을 생성하고 각 노드를 처리해보겠습니다.
$('node', xml).each(function (i) {
//Do something
});
풀 코드
//Load xml file
$.get("xmlfile.xml", {}, function (xml) {
//Loop through each node
$('node', xml).each(function (i) {
//Do something
});
}):
반응형
'SW > JavaScript' 카테고리의 다른 글
Web : Java Script : CSS, JQuery로 스티커 메모 할 일 목록 만들기 : 예제, 프로젝트 (0) | 2020.03.14 |
---|---|
Java Script : jQuery : 나이 제한 걸기, 날짜 데이터 검증 : 방법, 예제 (0) | 2020.03.13 |
JS : jQuery : 체크박스 선택 여부 확인 방법 : 예제, 방법 (0) | 2020.03.11 |
jQuery : 셀렉트 박스 : 옵션 추가, 제거, 선택 제거, 배열로 추가 : 방법, 예제 (0) | 2020.03.10 |
jQuery : element 존재 여부 체크 방법 : 주의사항, 팁 (0) | 2020.03.09 |