Добавить ссылку на несколько элементов динамически с помощью jQuery

Question

Я использую следующий код для создания хлебных крошек из XML-документа:

var root = null;

$(document).ready( function(){

    $.get( "/_assets/xml/sitemap.xml", 
        function( data ) {
            root = data;
            var pathname = window.location.pathname;

            var local_url = "*[url=" + pathname + "]";

            var parentEls = $(root)
                .find(local_url)
                .parents();

            var mapped = $(parentEls).map(function () { 
                  return $(this).attr("name"); 
                    })
                .get()
                .reverse()
                .join(" / ");

            $("#breadcrumb").append("<p>" + mapped + "</p>");


        } );
} );

У меня отлично отображаются хлебные крошки, но теперь мне нужно динамически добавлять теги к каждому элементу и назначать ему URL-адрес в документе xml. Могу ли я сделать это в функции .map ()? Не уверен, есть ли в API какие-нибудь изящные методы, которые бы мне помогли.

Спасибо!

Answer 1

Должно быть так же просто, как изменить функцию карты, просто вернуть массив, содержащий имя и URL ссылки, например, при возврате функции карты:

return [$(this).attr("url"),$(this).attr("name")];

А потом в вашей строке хлебных крошек:

$("#breadcrumb").append("<p><a href=\""+mapped[0]+"\">"+mapped[1]+"</a></p>");