jQuery 강좌 문서 객체에서 특정 태그를 선택하는 방법 fincd, parseXML
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>
댓글 없음:
댓글 쓰기