jQuery xml字串的解析、讀取及查找方法

首頁

web前端

js教程

jQuery xml字串的解析、讀取及查找方法_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:12 PM

jquery 尋找解析讀取

本文實例講述了jQuery xml字串的解析、讀取及查找方法。分享給大家參考，具體如下：

xml字串的解析

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function () {
    var xml = '<markers>';
    xml += '<marker carId="1" carName="SHANGHAI" gpsTime="2011-08-26 21:21:11.0" lat="31.230393" lng="121.473704" direction="222" speed="22" />';
    xml += '<marker carId="7" carName="XIAMEN" gpsTime="2011-08-26 21:21:11.0" lat="24.479836" lng="118.089421" direction="222" speed="22" />';
    xml += '</markers>';
    var xmlDoc = $.parseXML(xml);
    var result="";
    $(xmlDoc).find("markers marker").each(function () {
      result += "carId = " + $(this).attr("carId")
        + " ;carName =" + $(this).attr("carName")
        + " ;gpsTime =" + $(this).attr("gpsTime") + "\n";
    });
    alert(result);
  });
</script>
</head>
<body>
</body>
</html>

登入後複製

請求

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function search() {
  var searchStrLow = $("#txtTitle").val().toLowerCase();
  $.post("1.xml", function(data) {
    var html = "";
    $(data).find('book').each(function() {
      var titleLow = $(this).find("title").text().toLowerCase();
      if (titleLow.indexOf(searchStrLow)!=-1) {
        html += "<tr><td>" + $(this).find("title").text() + "</td>";
        html += "<td>" + $(this).find("author").text() + "</td>";
        html += "<td>" + $(this).find("year").text() + "</td></tr>";
        $("#tbody1").html(html);
      }
    });
  });
}
</script>
</head>
<body>
  <span>输入标题:</span><input id="txtTitle" type="text" />
  <input id="Button1" type="button" value="搜索" onclick="search()" />
  <table style="width: 100%;">
    <thead><tr><td>Title</td><td>Author</td><td>Year</td></tr></thead>
    <tbody id="tbody1">
    </tbody>
  </table>
</body>
</html>

登入後複製

xml：

<&#63;xml version="1.0" encoding="utf-8" &#63;>
<bookstore>
　　<book id="No1">
  　　<title>An Introduction to XML</title>
  　　<author>Chunbin</author>
  　　<year>2010</year>
  　　<price>98.0</price>
  </book>
　　<book id="No2">
  　　<title>The Performance of DataBase</title>
  　　<author>John</author>
  　　<year>1996</year>
  　　<price>56.0</price>
  </book>
</bookstore>

登入後複製

更多關於jQuery相關內容有興趣的讀者可查看本站專題：《jQuery操作xml技巧總結》、《jQuery拖曳特效與技巧總結》、《 jQuery擴充技巧摘要》、《jQuery常見經典特效總結》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用外掛及用法摘要》

希望本文所述對大家jQuery程式設計有所幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1672

CakePHP 教程

1428

Laravel 教程

1333

PHP教程

1277

C# 教程

1257

Related knowledge

Oracle錯誤3114詳解：如何快速解決 Mar 08, 2024 pm 02:42 PM

Oracle錯誤3114詳解：如何快速解決，需要具體程式碼範例在Oracle資料庫開發與管理過程中，我們常常會遇到各種各樣的錯誤，其中錯誤3114是比較常見的一個問題。錯誤3114通常表示資料庫連線出現問題，可能是網路故障、資料庫服務停止、或連接字串設定不正確等原因導致的。本文將詳細解釋錯誤3114的產生原因，以及如何快速解決這個問題，並附上具體的程式碼

解析Wormhole NTT：適用於任何Token的開放框架 Mar 05, 2024 pm 12:46 PM

Wormhole在區塊鏈互通性方面處於領先地位，專注於創建有彈性、面向未來的去中心化系統，優先考慮所有權、控制權和無需許可的創新。這個願景的基礎是對技術專業知識、道德原則和社群一致性的承諾，旨在以簡單、清晰和廣泛的多鏈解決方案套件重新定義互通性格局。隨著零知識證明、擴容方案和功能豐富的Token標準的興起，區塊鏈變得更加強大，而互通性也變得越來越重要。在這個不斷創新的應用程式環境中，新穎的治理系統和實用功能為整個網路的資產帶來了前所未有的機會。協議建構者現在正在努力思考如何在這個新興的多鏈

PHP 中點的意思和用法解析 Mar 27, 2024 pm 08:57 PM

【PHP中點的意義和用法解析】在PHP中，中點（.）是常用的運算符，用來連接兩個字串或物件的屬性或方法。在本文中，我們將深入探討PHP中點的意義和用法，並透過具體的程式碼範例加以說明。 1.連接字串中點運算子.在PHP中最常見的用法是連接兩個字串。透過將.放置在兩個字串之間，可以將它們拼接在一起，形成一個新的字串。 $string1=&qu

Golang如何讀取二進位檔案？ Mar 21, 2024 am 08:27 AM

Golang如何讀取二進位檔案？二進位檔案是以二進位形式儲存的文件，其中包含了電腦能夠識別和處理的資料。在Golang中，我們可以使用一些方法來讀取二進位文件，並將其解析成我們想要的資料格式。以下將介紹如何在Golang中讀取二進位文件，並給出具體的程式碼範例。首先，我們需要使用os包中的Open函數開啟二進位文件，這將會傳回一個文件物件。然後，我們可以使

Apache2無法正確解析PHP檔案的處理方法 Mar 08, 2024 am 11:09 AM

由於篇幅限制，以下是一個簡短的文章：Apache2是常用的Web伺服器軟體，而PHP是廣泛使用的伺服器端腳本語言。在建置網站過程中，有時會遇到Apache2無法正確解析PHP檔案的問題，導致PHP程式碼無法執行。這種問題通常是因為Apache2沒有正確配置PHP模組，或是PHP模組與Apache2的版本不相容所導致的。解決這個問題的方法一般有兩種，一種是

Win11新功能解析：跳過登入微軟帳號的方法 Mar 27, 2024 pm 05:24 PM

Win11新功能解析：跳過登入微軟帳號的方法隨著Windows11的發布，許多用戶發現其帶來了更多的便利性和新功能。然而，有些用戶可能不喜歡將其係統與微軟帳戶綁定，希望跳過這一步驟。本文將介紹一些方法，幫助使用者在Windows11中跳過登入微軟帳戶，並實現更私密、更自主的使用體驗。首先，讓我們來了解為什麼有些用戶不願意登入微軟帳號。一方面，一些用戶擔心他們

使用jQuery為表格新增一行的方法介紹 Feb 29, 2024 am 08:12 AM

jQuery是一個受歡迎的JavaScript函式庫，廣泛用於網頁開發。在網頁開發過程中，經常需要透過JavaScript動態地在表格中新增一行。本文將介紹如何使用jQuery為表格新增一行，並提供具體的程式碼範例。首先，我們需要在HTML頁面中引入jQuery函式庫。可以透過以下程式碼在標籤中引入jQuery庫：

如何判斷jQuery元素是否具有特定屬性？ Feb 29, 2024 am 09:03 AM

如何判斷jQuery元素是否具有特定屬性？在使用jQuery操作DOM元素時，常會遇到需要判斷元素是否具有某個特定屬性的情況。在這種情況下，我們可以藉助jQuery提供的方法來輕鬆實現這項功能。以下將介紹兩種常用的方法來判斷一個jQuery元素是否具有特定屬性，並附上具體的程式碼範例。方法一：使用attr()方法和typeof運算子//判斷元素是否具有特定屬

See all articles

jQuery xml字串的解析、讀取及查找方法_jquery

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題