2

いくつかのサンプル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要素を解決するための効率的でコンパクトな方法は何ですか?$categoriesidref

私は次のようなものを思いついた：

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

しかし、要素をよりコンパクトに収集する方法があるのではないかと考えました。

4

2 に答える 2

2

属性からIDセレクターを作成できます。idref

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

上記のコードは、map（）と$ .unique（）<category>を使用して、参照されているすべての要素の一意のインスタンスを含む配列を作成します。

于 2011-08-28T11:49:48.607 に答える
1 
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>
于 2011-08-28T11:47:05.953 に答える