jQ處理xml文件和xml字符串的方法(詳解)
更新時間:2016年11月22日 09:13:27 投稿:jingxian
下面小編就為大家?guī)硪黄猨Q處理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é)點 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é)點 //獲得屬性、節(jié)點text //var id = $($books[0]).attr("id") = $books[0].getAttribute("id");//獲得第一個book的id屬性 $authors.each(function () { var author_text = $(this).text(); //獲得節(jié)點內(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字符串的方法(詳解)全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
用jQuery實現(xiàn)一些導(dǎo)航條切換,顯示隱藏的實例代碼
用jQuery實現(xiàn)一些導(dǎo)航條切換,顯示隱藏的實例代碼,需要的朋友可以參考一下2013-06-06jquery.cookie.js實現(xiàn)用戶登錄保存密碼功能的方法
這篇文章主要介紹了jquery.cookie.js實現(xiàn)用戶登錄保存密碼功能的方法,結(jié)合實例形式詳細(xì)分析了jquery.cookie.js插件操作cookie實現(xiàn)保存用戶登錄信息的相關(guān)技巧,需要的朋友可以參考下2016-04-04jQuery Uploadify 上傳插件出現(xiàn)Http Error 302 錯誤的解決辦法
本文給大家介紹jQuery Uploadify 上傳插件出現(xiàn)Http Error 302 錯誤的解決辦法,涉及到uploadify上傳錯誤302相關(guān)問題,對本文感興趣的朋友一起看看吧2015-12-12jquery處理頁面彈出層查詢數(shù)據(jù)等待操作實例
這篇文章主要介紹了jquery處理頁面彈出層查詢數(shù)據(jù)等待操作,實例分析了jquery實現(xiàn)等待效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法
這篇文章主要介紹了Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法,分別介紹了原生javascript與jQuery插件實現(xiàn)圖片的預(yù)加載及延遲加載的方法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12