jQuery XML 文字列の解析、読み取り、検索 Methods_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:
<?xml version="1.0" encoding="utf-8" ?> <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 プログラミングのすべての人に役立つことを願っています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7322
9
1625
14
1350
46
1262
25
1209
29
Oracle エラー 3114 の詳細な説明: 迅速に解決する方法
Mar 08, 2024 pm 02:42 PM
Oracle エラー 3114 の詳細な説明: 迅速に解決する方法、具体的なコード例が必要です Oracle データベースの開発および管理中に、さまざまなエラーが頻繁に発生しますが、その中でもエラー 3114 は比較的一般的な問題です。エラー 3114 は通常、データベース接続に問題があることを示します。これは、ネットワーク障害、データベース サービスの停止、または不適切な接続文字列設定が原因である可能性があります。この記事では、エラー 3114 の原因とこの問題を迅速に解決する方法を詳しく説明し、特定のコードを添付します
Win11の新機能分析：Microsoftアカウントへのログインをスキップする方法
Mar 27, 2024 pm 05:24 PM
Win11 の新機能の分析: Microsoft アカウントへのログインをスキップする方法 Windows 11 のリリースにより、多くのユーザーは、Windows 11 がより便利で新しい機能をもたらしたことに気づきました。ただし、ユーザーによっては、自分のシステムが Microsoft アカウントに関連付けられることを好まず、この手順をスキップしたい場合があります。この記事では、ユーザーが Windows 11 で Microsoft アカウントへのログインをスキップし、よりプライベートで自律的なエクスペリエンスを実現するのに役立ついくつかの方法を紹介します。まず、一部のユーザーが Microsoft アカウントにログインすることに抵抗がある理由を理解しましょう。一方で、一部のユーザーは次のことを心配しています。
PHPにおけるmidpointの意味と使い方の分析
Mar 27, 2024 pm 08:57 PM
【PHPにおけるミッドポイントの意味と使い方の分析】 PHPでは、ミッドポイント(.)は2つの文字列やオブジェクトのプロパティやメソッドを接続するためによく使われる演算子です。この記事では、PHP における中間点の意味と使用法を詳しく掘り下げ、具体的なコード例を示して説明します。 1. 文字列中間点演算子の接続 PHP での最も一般的な使用法は、2 つの文字列を接続することです。 2 つの文字列の間に . を置くと、それらをつなぎ合わせて新しい文字列を形成できます。 $string1=&qu
Apache2 は PHP ファイルを正しく解析できません
Mar 08, 2024 am 11:09 AM
スペースの制限のため、以下は簡単な記事です。Apache2 は一般的に使用されている Web サーバー ソフトウェアであり、PHP は広く使用されているサーバー側スクリプト言語です。 Web サイトを構築する過程で、Apache2 が PHP ファイルを正しく解析できず、PHP コードの実行が失敗するという問題が発生することがあります。この問題は通常、Apache2 が PHP モジュールを正しく構成していないこと、または PHP モジュールが Apache2 のバージョンと互換性がないことが原因で発生します。この問題を解決するには通常 2 つの方法があります。1 つは次のとおりです。
Golang でバイナリ ファイルを読み取るにはどうすればよいですか?
Mar 21, 2024 am 08:27 AM
Golang でバイナリ ファイルを読み取るにはどうすればよいですか?バイナリ ファイルは、コンピュータが認識して処理できるデータを含む、バイナリ形式で保存されたファイルです。 Golang では、いくつかのメソッドを使用してバイナリ ファイルを読み取り、必要なデータ形式に解析できます。 Golangでバイナリファイルを読み込む方法と具体的なコード例を紹介します。まず、OS パッケージの Open 関数を使用してバイナリ ファイルを開く必要があります。これにより、ファイル オブジェクトが返されます。それから私たちは作ることができます
解析ワームホール NTT: あらゆるトークンのオープン フレームワーク
Mar 05, 2024 pm 12:46 PM
Wormhole は、ブロックチェーンの相互運用性のリーダーであり、所有権、制御、許可のないイノベーションを優先する、回復力があり、将来性のある分散システムの作成に重点を置いています。このビジョンの基盤は、技術的専門知識、倫理原則、コミュニティの連携への取り組みであり、シンプルさ、明確さ、そして幅広いマルチチェーン ソリューションで相互運用性の状況を再定義します。ゼロ知識証明、スケーリング ソリューション、機能豊富なトークン標準の台頭により、ブロックチェーンはより強力になり、相互運用性の重要性がますます高まっています。この革新的なアプリケーション環境では、新しいガバナンス システムと実用的な機能が、ネットワーク全体の資産に前例のない機会をもたらします。プロトコル構築者は現在、この新たなマルチチェーンでどのように運用するかに取り組んでいます。
XML 解析用の Java ライブラリの比較: 最適なソリューションを見つける
Mar 09, 2024 am 09:10 AM
はじめに XML (Extensible Markup Language) は、データを保存および送信するための一般的な形式です。 Java での XML の解析は、データ交換からドキュメント処理に至るまで、多くのアプリケーションにとって必要なタスクです。 XML を効率的に解析するために、開発者はさまざまな Java ライブラリを使用できます。この記事では、開発者が情報に基づいた選択を行えるよう、機能、機能、パフォーマンスに焦点を当てて、最も人気のある XML 解析ライブラリのいくつかを比較します。 DOM (Document Object Model) 解析ライブラリ JavaXMLDOMAPI: Oracle が提供する標準 DOM 実装。開発者が XML ドキュメントにアクセスして操作できるようにするオブジェクト モデルを提供します。 DocumentBuilderFactoryfactory=D
Momo IDで他の人を見つける方法
Mar 02, 2024 pm 03:40 PM
Momo ID を持つ他の人を見つけるにはどうすればよいですか? Momo APP では、ID でユーザーを見つけることができますが、ほとんどのユーザーは Momo ID を照会して追加する方法を知りません。次は、Momo ID を持つ他の人を見つける方法の写真です。テキストチュートリアル、興味のある方はぜひ見に来てください！ Momo の使い方チュートリアル: Momo ID で他の人を見つける方法 1. まず Momo アプリを開き、メインページに入り、下部にある [メッセージ] 機能をクリックします; 2. 次に、メッセージ機能ページに挑戦し、画面内の [ポートレート] アイコンをクリックします右上隅; 3. 次に、フレンドページで、下図の矢印で示すように右上隅のボタンをクリックします; 4. 次に、追加されたインターフェイスに挑戦し、枠線に ID アカウントを入力して他のユーザーを検索します。
