遍历并查找XML文件中的元素

时间:2017-06-30 00:40:24

标签: jquery xml

我正在尝试搜索XML文件并找到一个文本条目然后找到它的父项,然后在该选择器中找到其中的另一个选择器的值。无论出于何种原因,我在这里失败了。这是一些虚拟数据。

   Table 1            Table 2
 col1 col2 col3     col1  col2  col3 
   A  |a1|   1        A   |b1|  2
      |a2|   3            |b2|  1
      |a3|   2        B   |b1|  1
   B  |a1|   1            |b2|  2
      |a2|   5        C   |b1|  2
   C  |a1|   0            |b2|  0       
      |a2|   3
      |a3|   4

我正在使用对API的ajax调用,它看起来像这样。

  a1  a2  a3  b1  b2
A  1   3   2   2   1
B  1   5   0   1   2
C  0   3   4   2   0

所以在我们的HTML中我们可以抓取页面上的h1,我们知道h1等于API中的DisplayName,但我需要的字段是UrlName。任何帮助是极大的赞赏。

1 个答案:

答案 0 :(得分:0)

想出来,只需走开一点然后回来。我将来会给任何人留下答案。希望这会有所帮助。

// h1 = This is the text we are looking for
var h1 = document.querySelector("h1").textContent;
// my h1 value looked like this <h1>     This is the text we are looking for</h1>
// this is the bane of my first problem
h1 = h1.trim();

$.ajax({

type: "GET",
url: "http://www.example.com/api",
dataType: "xml",

success: function(xml){
    //I also found out I needed to escape the contains function to add my dynamic variable
    var container = $(xml).find('Container').find("DisplayName:contains('"+ h1 +"')";
    var urlName = $(container).closest('Container').find('UrlName').text();
    console.log(urlName);
},

error: function() {
    console.log("error");
}

});