Как элегантно прочитать этот элемент объекта DOM, не используя jQuery find ()?

Question

Как элегантно прочитать этот элемент объекта DOM, не используя jQuery find ()?

0

Я получил некоторые XML-данные, проанализировал его в dom-объект, чтобы я мог искать и получать значения с помощью jQuery.

Что-то вроде этого:

<field>
    <name>Jesus</name>
    <group>God</group>
    <blah>Hello World</blah>
</field>

В моем js я использовал each() для прокрутки поля:

data.find('field').each(function() {
    $(this).find("group").text();
}

Я мог бы использовать find() для получения каждого поля и содержимого, но я не хочу использовать find, поскольку он может стать дорогим. Я просмотрел API jQuery, я не думаю, что есть функция, которая может позволить мне сделать что-то вроде " getElement('name') или children('name') или next('name') и т.д.

Я не хочу использовать индекс, например $(this)[0].childNodes[0] из-за читаемости и потенциальных будущих изменений.

Есть идеи?

codenamezero 20 янв. 2014, в 17:03

Источник

0

Почему бы не использовать силу селектора $('field > name', data) ?
VisioN 20 янв. 2014, в 15:08
0

являются ли data элементом field ? также find не проблема, если вы не имеете дело со структурой с 10 тысячами элементов
Arun P Johny 20 янв. 2014, в 15:08
0

Или используйте JSON и избегайте поисков! То, что вы хотите, в основном то, что предлагает JSON.
epascarello 20 янв. 2014, в 15:13
0

Я подумал об использовании javascript объекта и JSON. Используя jsobj, мне придется написать собственный код для циклического перемещения по элементам, в моем примере данные XML слишком упрощены, но там есть больше элементов. Использование json также не лучше, часть кода может стать жестким кодом, и если структура изменится, то код необходимо обновить ... используя jQuery, мне не нужно иметь дело с функциями поиска. В основном я хочу найти решение для «последней части» поиска после того, как было найдено <field> . Даже если структура изменится, использование find все равно найдет то, что мне нужно, с помощью jQuery.
codenamezero 20 янв. 2014, в 16:05
0

Я видел один из примеров, который преобразует XML в объект js, пробовал его, и его преобразование $.parseXML() с большими трудностями, не говоря уже о том, что оно имеет ограничения и фактически заняло больше времени, чем запуск $.parseXML() .
codenamezero 20 янв. 2014, в 16:08

Показать ещё 3 комментария

Теги:

javascript

jquery

html

xml

dom

3 ответа

Ещё вопросы

Почему бы не использовать силу селектора $('field > name', data) ?
являются ли data элементом field ? также find не проблема, если вы не имеете дело со структурой с 10 тысячами элементов
Или используйте JSON и избегайте поисков! То, что вы хотите, в основном то, что предлагает JSON.
Я подумал об использовании javascript объекта и JSON. Используя jsobj, мне придется написать собственный код для циклического перемещения по элементам, в моем примере данные XML слишком упрощены, но там есть больше элементов. Использование json также не лучше, часть кода может стать жестким кодом, и если структура изменится, то код необходимо обновить ... используя jQuery, мне не нужно иметь дело с функциями поиска. В основном я хочу найти решение для «последней части» поиска после того, как было найдено <field> . Даже если структура изменится, использование find все равно найдет то, что мне нужно, с помощью jQuery.
Я видел один из примеров, который преобразует XML в объект js, пробовал его, и его преобразование $.parseXML() с большими трудностями, не говоря уже о том, что оно имеет ограничения и фактически заняло больше времени, чем запуск $.parseXML() .

Hans Roerdinkholder · Answer 1 · 2014-01-20T13-59-00.000Z

Я дам вам ответ, который вообще не использует jQuery! Как это?

Ваша проблема заключается в поиске структуры XML. Таким образом, вы преобразовали его в дерево DOM, но теперь вы беспокоитесь о проблемах с производительностью при перемещении дерева.

Решение прост: не конвертируйте свой XML в HTML, не конвертируйте его в литерал объекта JavaScript и не сработайте с ним. Это будет самый простой и самый эффективный. Для ссылки на преобразование XML в литерал объекта: XML-объект JavaScript

Теперь вы можете использовать все инструменты, предлагаемые JavaScript для работы с вашими данными, а также избегать проблем с эффективностью jQuery/DOM.

Dibu · Answer 2 · 2014-01-20T17-46-00.000Z

  


    function alertit(jqueryObject) {
      if (jqueryObject.length === 0) return;

      jqueryObject.each(function() {
          alert(this.nodeName.toLowerCase());
      });

      alertit(jqueryObject.children());
    }

    alertit($(xml));

Dibu · Answer 3 · 2014-01-20T16-33-00.000Z

также попробуйте это

var xmlData = "<field><name>Jesus</name><group>God</group><blah>Hello World</blah></field>";
$(document).ready(function () {
    var data = $.parseXML(xmlData);
    $(data).each(function (i, node) {
        alert($(node).text());
    });
});