Справка по формату JQuery XML Parser - PullRequest
Новая
       23

Справка по формату JQuery XML Parser

1 голос
/ 11 августа 2011

Мне нужна техническая экспертиза для того, чтобы отформатировать XML и визуализировать в формате HTML ниже. Я использую анализатор XML JQuery, и мне нужна помощь в создании только HTML-части.

data.xml 

<xml>
<rs:data>
<z:row Category="Sales " URLMenu="http://www.abc.com, Sales.com" /> 
<z:row Category="Products" URLMenu="http://www.google.com, Products.com" /> 
<z:row Category="Sales "URLMenu="http://www.abc.com/services, Services.com" /> 
<z:row Category="Products" URLMenu="http://www.citigroup.net, Financial.com" />
<z:row Category="Products" SubCategory="International" URLMenu="http://www.google.com,      United States" /> 
<z:row Category="Products" SubCategory="International" URLMenu="http://www.googe.com, Australia" />  
</rs:data></xml>

Функция JQuery 

<script type="text/javascript">
    $(document).ready(function () {
        var thisHtml = '';
        var url = 'xml/Data.xml';
        $.get(url, function (d) {
            $(d).find('z\\:row').each(function () {
                thisHtml += '<ul>';
                {
                    thisHtml += '<li><a href="">' + $(this).attr("Category") + '</a></li>';
                }
                thisHtml += '</ul>';
            });                $('bd').append($(thisHtml));
        });
    });
</script>

Ниже приведен HTML-фрагмент, который необходимо создать динамически 

<ul>
<li>Sales
    <ul>
        <li><a>Sales.com</a></li>
        <li><a>Products.com</a></li>

    </ul>
</li>
<li>Products
    <ul>
        <li><a>Services.com</a></li>
        <li><a>Financial.com</a></li>
        <li>International
            <ul>
                <li><a>United States</a></li>
                <li><a>Australia</a></li>
            </ul>
        </li>
    </ul>
</li>

Обязательный html группирует все категории под тем же именем и URLMenu, перечисленными как отдельные. Поскольку я новичок в JQuery, не могли бы вы помочь мне в цикле и рендеринге?

Спасибо

1 Ответ

0 голосов
/ 11 августа 2011

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

$(d).find('z\\:row[Category="Sales"]').each(...);
$(d).find('z\\:row[Category="Products"]').each(...);

В противном случае, я думаю, вам придется дважды просматривать данные, чтобы сгруппировать данные по категориям при первом запуске и распечатать сгруппированные данные во втором.

Возможно, вы захотите использовать шаблонный плагин для рендеринга HTML, например, такой: http://api.jquery.com/tmpl/

...