jquery - XML 通过元素属性获取数据

Question

嗨，我对 xml 解析有一些问题。所以 - 我想按数据从一些 xml 标签中读取数据。你能帮助我吗？这是我的代码。

    <data>
        <element name="name">Zook</element>
        <element name="image">img/icons/01/zook.png</element>
    </data>

和jQuery

$(this).find("element").each(function(){
    var name = $(this).attr("name");
    $("#div").html('<span>' + name + '</span>')
});

Answer 1

只需通过此 链接即可 解释您需要的一切:)

$(xml).find("element").each(function()
 {
   $("#output").append($(this).attr("name") + "<br />");
 });

Answer 2

此示例代码将为您提取数据：

$.ajax({
   type: "GET",
   url: "path/to/your/xml.xml",
   dataType: "xml",
   success: function(xml){
   $(xml).find("element").each(function() {
          var name = $(this).find("name").text();
          var image = $(this).find("image").text();
          $("#div").html('<span>' + name + '</span>');
   });
});

不过，您将需要重组您的 xml，因为目前元素具有双重含义。简化此操作，使您的数据如下所示：

<data>
  <element>
    <image>path/to/img.ext</image>
    <name>Name</name>
  </element>
</data>

希望这可以帮助

Answer 3

var name = $(this).text();

应该让你的生活更轻松

Answer 4

$(xml).find("main_menu").each(function () {
    $(this).find("element").each(function(){
        var name = $(this).text();
        var image = $(this).text();

        $("#carousel_items").append('<span>' + name + '</span><span>' + image + '</span>')
    });
});

这就是我的代码现在的样子

Answer 5

$(xml).find("main_menu").each(function () {
    var name, image;

    $(this).find("element").each(function() {
        // make sure they default to what they originally were if null
        // since one <element> has name other has image
        name = ($(this).attr('name')) ? $(this).text() : name;
        image = ($(this).attr('image')) ? $(this).text() : image;
    });

    // Build the items once you've looped through the elements within a <data> section
    $("#carousel_items").append('<span>' + name + '</span><span>' + image + '</span>')
});