Question

给出一些样本data.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<data>
    <categories>
        <category id="google">
            <name>Google</name>
        </category>
    <categories>
    <display>
        <categories>
            <category idref="google"/>
        </categories>
    </display>
</data>

用于获取data.xml文件的一些jquery代码：

$.ajax( {
    url: '/data.xml',
    dataType: 'xml',
    success: function( data )
    {
        $data = $( data );
        // fetch categories to display
        $categories = $data.find( 'display > categories > category' );
    }
} );

通过category属性解析$categories中提取的元素引用的idref元素的有效且紧凑的方法是什么？

我想出了以下内容：

$categories.each( function() {
    var $category = $data.find( 'categories > category[id=' + $( this ).attr( 'idref' ) + ']' );
} );

但我认为可能有一种更紧凑的方式收集元素。

Answer 1

您可以从idref属性

创建id selectors

var referenced = $.unique($categories.map(function() {
    var $found = $data.find("#" + $(this).attr("idref"));
    return ($found.length ? $found[0] : null);
}).get());

上面的代码使用map()和$.unique()来构建一个包含所有引用的<category>元素的唯一实例的数组。

Answer 2

var $data = $( data );
var $byId = {};

$("*[id]", $data).each(function () {
  var $this = $(this);
  $byId[ $this.attr("id") ] = $this;
});

// later...
$byId["google"].find("name");  //  <name>Google</name>

如何使用idref解析xml元素

2 个答案: