使用jquery解析XML示例代碼
更新時間：2014年09月05日 18:12:20 投稿：whsnow
這篇文章通過示例為大家介紹了使用jquery解析XML的方法,經(jīng)測試比較實用，需要的朋友可以參考下
xml文件結(jié)構(gòu):books.xml
<?xml version="1.0" encoding="UTF-8"?> <root> <book id="1"> <name>深入淺出extjs</name> <author>張三</author> <price>88</price> </book> <book id="2"> <name>鋒利的jQuery</name> <author>李四</author> <price>99</price> </book> <book id="3"> <name>深入淺出flex</name> <author>王五</author> <price>108</price> </book> <book id="4"> <name>java編程思想</name> <author>錢七</author> <price>128</price> </book> </root>
頁面代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery解析xml</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$.post('books.xml',function(data){
//查找所有的book節(jié)點
var s="";
$(data).find('book').each(function(i){
var id=$(this).attr('id');
var name=$(this).children('name').text();
var author=$(this).children('author').text();
var price=$(this).children('price').text();
s+=id+" "+name+" "+author+" "+price+"<br>";
});
$('#mydiv').html(s);
});
});
</script>
</head>
<body>
<div id='mydiv'></div>
</body>
</html>
效果圖:
您可能感興趣的文章:
- jquery解析XML及獲取XML節(jié)點名稱的實現(xiàn)代碼
- JQuery解析XML的方法小結(jié)
- jQuery xml字符串的解析、讀取及查找方法
- jQuery解析XML文件同時動態(tài)增加js文件的方法
- jQuery解析XML與傳統(tǒng)JavaScript方法的差別實例分析
- 使用jquery解析XML的方法
- jquery解析xml字符串簡單示例
- JQuery解析HTML、JSON和XML實例詳解
- jquery解析xml字符串示例分享
- jQuery處理xml格式的返回數(shù)據(jù)(實例解析)
- jQuery 行級解析讀取XML文件（附源碼）
- jQuery 解析xml文件
- JQuery解析XML數(shù)據(jù)的幾個簡單實例
相關(guān)文章
本文通過代碼給大家介紹了jquery實現(xiàn)鍵盤回車搜索功能，前臺代碼和搜索按鈕實現(xiàn)代碼都給大家貼出了，需要的朋友參考下吧2017-07-07
Jquery 方塊隨著鼠標(biāo)所在的區(qū)域而放大
下面都是默認(rèn)一樣大小的方塊，當(dāng)鼠標(biāo)放到你想要放的位置，則當(dāng)前位置的方塊則放大。2010-05-05
我經(jīng)常抱怨jQuery的DOM操作性能并不優(yōu)秀，并且經(jīng)常嘗試用一些方法去進(jìn)行優(yōu)化，但是越是優(yōu)化，越是沮喪地發(fā)現(xiàn)jQuery其實已經(jīng)做得很好，從使用者的角度能夠進(jìn)行的優(yōu)化實在有限2011-02-02
今天遇到了獲取文字寬度的問題，在網(wǎng)上找到了不錯的方法并成功使用到了項目中，有類似情況的朋友可以參考下2013-12-12
這篇文章主要介紹了jQuery+ajax實現(xiàn)文章點贊功能的方法,涉及jQuery基于ajax無刷新post提交實現(xiàn)點贊功能的具體步驟與相關(guān)技巧,需要的朋友可以參考下2015-12-12
當(dāng)點擊提交信息的時候，會把用戶在注冊甜的信息收集并以div彈出的方式提示個用戶預(yù)覽以確定信息的準(zhǔn)確性，感興趣的朋友可以參考下，希望對你有所幫助2013-04-04
jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗?，具有一定的參考價值，感興趣的朋友可以參考一下2016-01-01
jquery如何退出each循環(huán)的? 在回調(diào)函數(shù)里return false即可，大多數(shù)jq的方法都是如此的2014-02-02
jQuery Tags Input Plugin（添加/刪除標(biāo)簽插件）詳解
本文主要介紹jQuery Tags Input Plugin添加/刪除標(biāo)簽插件的用法，非常實用，有需要的朋友可以參考一下。2016-06-06
該插件被廣泛應(yīng)用于各種需要評分的頁面當(dāng)中，今天作為學(xué)習(xí)，把源碼拿出來分析一下，順便學(xué)習(xí)其使用方法,需要了解的朋友可以研究下2012-12-12