javascript - jQuery 和 XML : Select by ID

Question

我在使用 XML 和 jQuery 时遇到问题。这是我的 XML 代码:

    <items id="2" name="name2">
        <opis></opis>
        <zdjecie></zdjecie>
    </items>

    <items id="3" name="name3">
        <opis></opis>
        <zdjecie></zdjecie>
    </items>

    <items id="4" name="name3">
        <opis></opis>
        <zdjecie></zdjecie>
    </items>
</sterowniki>

这是我的 jQuery 脚本:

 <script type="text/javascript">  
      $(document).ready(function() {  
        $.ajax({  
          type: "GET",  
          url: "dbtest.xml",  
          dataType: "xml",  
          success: parseXml  
                });  
                function parseXml(xml) 
                {  
                       $(xml).find("sterowniki").each(function() {
                       alert("sterowniki"); 
                        $(xml).find("items").each(function() {
                        $("#nazwa").append('<h3 align="center"class="col-xs-7 col-sm-6     col-md-6 col-lg-8"><b>'+$(this).attr('name')+'</b></h3>');     
                        });
                     });
                  }
              });
          </script> 

我的显示名称有问题。网站需要以这样的方式加载:当您第一次加载链接元素(名称、描述)时，只应加载第一个 id = 1 的元素。进入另一个元素后，它应该加载同一页面上另一个元素的描述和名称。我在编写这样的脚本时遇到问题，其中要根据相应链接的点击来选择适当的元素。

谢谢。

Answer 1

在 XML 文档中，id 属性就是这样。如果没有定义它的 XSD，它就没有特殊含义。标准标识符属性是 xml:id - 保留命名空间中的特殊属性。

您可以更改属性或使用属性选择器。

$(xml).find('items[id="1"]');

要触发加载，请将单击处理程序绑定(bind)到每个生成的 h3。以下示例将仅触发警报以使其保持较小:

$(xml).find('items').each(
  function() {
    var $items = $(this);
    var id = $items.attr('id');
    $('<h3></h3>')
      .appendTo('#nazwa')
      .text($items.attr('name'))
      .bind(
        'click',
        function() {
          alert(id);
        }
      );
  }
);