jQ處理xml文件和xml字符串的方法(詳解)
1.xml文件
<?xml version="1.0" encoding="utf-8" ?>
<root>
<book id="1">
<name>鋒利的jQuery1</name>
<author>XXX1</author>
<price>250</price>
</book>
<book id="2">
<name>鋒利的jQuery2</name>
<author>XXX2</author>
<price>99</price>
</book>
<book id="3">
<name>鋒利的jQuery3</name>
<author>XXX3</author>
<price>108</price>
</book>
<book id="4">
<name>鋒利的jQuery4</name>
<author>XXX4</author>
<price>128</price>
</book>
</root>
2.jQuery代碼
window.onload = function () {
//get解析xml文件
$.get("1.xml", function (data) {
$data = $(data);
//獲得節(jié)點(diǎn)
var $books = $data.find("book");
var $names = $data.find("name");
var $authors = $data.find("author");
//var $authors = $data.find("author") = $books.children("author") = $names.siblings("author");//獲得books的子節(jié)點(diǎn)
//獲得屬性、節(jié)點(diǎn)text
//var id = $($books[0]).attr("id") = $books[0].getAttribute("id");//獲得第一個(gè)book的id屬性
$authors.each(function () {
var author_text = $(this).text(); //獲得節(jié)點(diǎn)內(nèi)部文本,嘗試過用nodeValue無果(不兼容)
})
})
//ajax解析xml文件
$.ajax({
url: "1.xml",
dataType: "xml",
success: function (data) {
var $data = $(data);
var $books = $data.find("book");
//以下操作同上
}
})
}
3.jQuery處理xml字符串
//jQuery解析xml字符串
var xmlStr = "<root><book id='1'><name>鋒利的jQuery1</name><author>XXX1</author><price>250</price></book><book id='2'><name>鋒利的jQuery2</name><author>XXX2</author><price>99</price></book><book id='3'><name>鋒利的jQuery3</name><author>XXX3</author><price>108</price></book><book id='4'><name>鋒利的jQuery4</name><author>XXX4</author><price>128</price></book></root>";
var $xmlDoc = $($.parseXML(xmlStr));
var $books = $xmlDoc.find("book");
var $names = $xmlDoc.find("name");
alert($($names[0]).text());
//其他操作與2相同
以上就是小編為大家?guī)淼膉Q處理xml文件和xml字符串的方法(詳解)全部?jī)?nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
用jQuery實(shí)現(xiàn)一些導(dǎo)航條切換,顯示隱藏的實(shí)例代碼
用jQuery實(shí)現(xiàn)一些導(dǎo)航條切換,顯示隱藏的實(shí)例代碼,需要的朋友可以參考一下2013-06-06
jquery.cookie.js實(shí)現(xiàn)用戶登錄保存密碼功能的方法
這篇文章主要介紹了jquery.cookie.js實(shí)現(xiàn)用戶登錄保存密碼功能的方法,結(jié)合實(shí)例形式詳細(xì)分析了jquery.cookie.js插件操作cookie實(shí)現(xiàn)保存用戶登錄信息的相關(guān)技巧,需要的朋友可以參考下2016-04-04
jQuery Uploadify 上傳插件出現(xiàn)Http Error 302 錯(cuò)誤的解決辦法
本文給大家介紹jQuery Uploadify 上傳插件出現(xiàn)Http Error 302 錯(cuò)誤的解決辦法,涉及到uploadify上傳錯(cuò)誤302相關(guān)問題,對(duì)本文感興趣的朋友一起看看吧2015-12-12
jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果
這篇文章主要介紹了jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-10-10
jquery處理頁面彈出層查詢數(shù)據(jù)等待操作實(shí)例
這篇文章主要介紹了jquery處理頁面彈出層查詢數(shù)據(jù)等待操作,實(shí)例分析了jquery實(shí)現(xiàn)等待效果的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
Jquery實(shí)現(xiàn)圖片預(yù)加載與延時(shí)加載的方法
這篇文章主要介紹了Jquery實(shí)現(xiàn)圖片預(yù)加載與延時(shí)加載的方法,分別介紹了原生javascript與jQuery插件實(shí)現(xiàn)圖片的預(yù)加載及延遲加載的方法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12

