jQuery 강좌 문서 객체에서 특정 태그를 선택하는 방법 fincd, parseXML
오라클자바커뮤니티에서 설립한 오엔제이프로그래밍
실무교육센터
(오라클,
SQL기초튜닝, 자바, 스프링3.X, 웹표준, HTML5, Ajax, jQuery,
안드로이드, 아이폰, 닷넷 실무강의)
find()
:
태그를
찾는
메소드
parseXML()
메서드를
사용해 문자열을 XML
문서
객체로
<html>
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
var xml = "";
xml += "<onjs>";
xml += " <onj>";
xml += "<tel>851-4790</tel>";
xml += "<name>오엔제이프로그래밍실무학원</name>";
xml += " </onj>";
xml += " <onj>";
xml += "<tel>851-4791</tel>";
xml += "<name>오엔제이시스템즈</name>";
xml += " </onj>";
xml += "</onjs>“;
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
var xml = "";
xml += "<onjs>";
xml += " <onj>";
xml += "<tel>851-4790</tel>";
xml += "<name>오엔제이프로그래밍실무학원</name>";
xml += " </onj>";
xml += " <onj>";
xml += "<tel>851-4791</tel>";
xml += "<name>오엔제이시스템즈</name>";
xml += " </onj>";
xml += "</onjs>“;
var xmlDoc = $.parseXML(xml);
$(document).ready(function() {
$(xmlDoc).find("onj").each(function (index) {
//text()이용 테그 내부내용가지고옴
var out = "";
out += "<div>";
out += "<h3>" + $(this).find("tel").text() + "</h3>";
out += "<h3>" + $(this).find("name").text() + "</h3>";
out += "</div>";
$(xmlDoc).find("onj").each(function (index) {
//text()이용 테그 내부내용가지고옴
var out = "";
out += "<div>";
out += "<h3>" + $(this).find("tel").text() + "</h3>";
out += "<h3>" + $(this).find("name").text() + "</h3>";
out += "</div>";
document.body.innerHTML +=
out;
});
});
</script>
<body>
</body></html>
});
});
</script>
<body>
</body></html>
댓글 없음:
댓글 쓰기