JQuery XML-парсинг/обход
-
06-07-2019 - |
Вопрос
У меня есть следующий XML-
<rows>
<row id="5">
<cell>Item1</cell>
<attrs>
<attr>
<id>1</id>
<type>CheckBox</type>
<values>
<value>
<id>10</id>
</value>
<value>
<id>11</id>
</value>
</values>
</attr>
<attr>
<id>2</id>
<type>CheckBox</type>
<values>
<value>
<id>20</id>
</value>
<value>
<id>21</id>
</value>
</values>
</attr>
</attrs>
</row>
</rows>
Я хочу зациклить каждую строку определенной строки.
Я пытался сделать это, чтобы получить все идентификаторы атрибутов, но я также получил идентификаторы значений.
function fillForm(id){
var theRow = $(theXmlDoc).find('row[id='+id+']').get()
$(theRow).find("attr").each(function(i)
{
alert($(this).find("id").text());
});
}
Я также хотел бы отметить, что основная цель - зациклить каждый атрибут, а затем зациклить каждое значение, пока у меня есть идентификатор атрибута.
P.S. если вы думаете о более простом/более простом способе сделать это с помощью какой-либо другой библиотеки, я открыт для предложений.
Заранее спасибо,
Решение
Мне не ясно, что вы пытаетесь зациклить, я думаю, что один из тегов в вашем вопросе был искажен. Вы говорите: «Что я хочу сделать, так это зациклить каждую из определенной строки». и я думаю, что у вас есть тег там.
В любом случае, вот несколько примеров извлечения данных из разобранного XML-документа с использованием jQuery. Комментарии показывают, что будет предупреждено.
Я думаю, что отчасти проблема в том, что у вас есть значения идентификаторов как родные, а не дочерние элементы атрибутов. Кажется, что более согласованная структура может быть:
<rows>
<row id="5">
<cell>Item1</cell>
<attrs>
<attr id="1">
<type>CheckBox</type>
<values>
<value>
<id>10</id>
</value>
<value>
<id>11</id>
</value>
</values>
</attr>
<attr id="2">
<type>CheckBox</type>
<values>
<value>
<id>20</id>
</value>
<value>
<id>21</id>
</value>
</values>
</attr>
</attrs>
</row>
</rows>
Но если у вас нет контроля над xml, игнорируйте это предложение. : -)
Хорошо, вот несколько примеров обхода для получения различных фрагментов данных:
Сначала давайте просто получим "Item1"
<script type="text/javascript">
// Item1
$.get('sample.xml', null, function (data, textStatus) {
alert( $(data).find('rows row[id=5] cell').text());
}, 'xml');
</script>
Теперь мы получим 1 и 2:
<script type="text/javascript">
// 1
// 2
$.get('sample.xml', null, function (data, textStatus) {
$(data).find('rows row[id=5] attrs attr > id').each( function(){
alert($(this).text()); // 1, 2
});
}, 'xml');
</script>
И, наконец, давайте извлечем основные идентификаторы и свяжем их со значениями:
<script type="text/javascript">
// rows row[id=5] attrs attr > id 1 has inner ids of 10,11
// rows row[id=5] attrs attr > id 2 has inner ids of 20,21
$.get('sample.xml', null, function (data, textStatus) {
var out = ''
$(data).find('rows row[id=5] attrs attr > id').each( function(){
out += 'rows row[id=5] attrs attr > id ' + $(this).text();
var innerIds = [];
$(this).siblings('values').find('value id').each(function(){
innerIds.push($(this).text())
});
out += ' has inner Ids of ' + innerIds.join(',') + '\n';
});
alert(out);
}, 'xml');
</script>
Другие советы
Это должно сработать для вас
function fillForm(id){
var row = $(theXmlDoc).find('row#+'+ id);
var ids = row.find( "attr > id");
ids.each(function(i)
{
alert($(this).text());
});
}
ПС.Вы можете использовать XPath или:
var ids = document.evaluate( '//rows/row[@id='+id + ']/attr/id/text( )', theXmlDoc, null, XPathResult.ANY_TYPE, null );