男丁格爾's 脫殼玩

沒錯!只要 1,200 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

jquery_xmldom_plugin_1_0

jQuery 中提供了很多方便的選擇器來讓我們可以在 DOM 中輕鬆的查詢，就連 XML DOM 也能享受到它強大的選擇器所帶來的效益。不過 jQuery 無法把一般普通的 XML 規格字串想要轉成 XML DOM，所以就有 jQuery xmlDOM Plugin 套件的產生囉。

套件名稱：jQuery xmlDOM Plugin
套件版本：1.0
作者網站：http://outwestmedia.com/jquery-plugins/xmldom/
套件網址：http://plugins.jquery.com/project/XmlDOM
發佈日期：2009-04-06
檔案大小：1.18 KB
檔案下載：jquery.xmldom.js

參數說明：

檢視原始碼 JavaScript

xml(必填)
描述： 要轉換成 XML DOM 的字串內容
預設值： 無
 
onErrorFn(選填)
描述： 當轉 XML DOM 失敗時所執行的動作
預設值： 無

方法說明：

檢視原始碼 JavaScript

// 把指定的字串內容轉成 XML DOM
$.xmlDOM(xml, onErrorFn);
 
// 當轉 XML DOM 失敗時，也會觸發 document 的 xmlParseError 事件
$().bind('xmlParseError', onErrorFn);

使用範例：

檢視原始碼 JavaScript

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.xmldom.js"></script>
<style type="text/css">
	#myXml {
		width: 500px;
		height: 200px;
	}
</style>
<script type="text/javascript">
	$(function(){
		$("#queryXML").click(function(){
			// 把 #myXml 中的內容轉成 XML DOM
			// 若轉換過程失敗時顯示訊息
			var _xml = $.xmlDOM($("#myXml").val(), function(e){
				$('#log').html("發生錯誤：" + e).css("color", "red");
			});
 
			// 轉換失敗就離開程式
			if(_xml.length <= 0) return;
 
			// 從 XML DOM 中查詢指定的選擇器內容
			var result = _xml.find($("#queryTxt").val());
 
			// 顯示查詢結果
			var v = "共有 " + result.length + " 筆結果<br />";
			for(var i=0;i<result.length;i++){
				v += (i+1) + ":" + result.eq(i).text() + "<br />";
			}
			$('#log').html(v).css("color", "green");
		});
	});
</script>
 
<body>
	<h3>XML 字串內容</h3>
	<textarea id="myXml">
<root>
	<site>
		<title>男丁格爾</title>
		<url title="abgne">http://abgne.tw</url>
	</site>
	<site>
		<title>jQuery</title>
		<url>http://jquery.com</url>
	</site>
</root>
	</textarea>
	<h3>查詢選擇器</h3>
	<input type="text" id="queryTxt" value="root > site > title" />
	<input type="button" value="查詢" id="queryXML" />
	<div id="log"></div>
</body>