0

jqueryを動的に使用して、xmlファイルの親の子タグをリストビューに表示しようとしています。

$(xml).find('section[order="' + order + '"] content').each(function () {
     var content = $(this).text();
var section = $(this).find('section').attr("name");
 $("#section_list").append(section+'<li><a href="#" class="style1"><h2>' + content + ' </h2></a></li> ');
$("#section_list").listview("refresh");
});

これはリストビューで子タグを取得している私のコードですが、すべての子に対して親タグが取得されています。

XML ファイル:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  <sections>
    <section count="6" name="Alphabets" order="1">
      <content order="1">A</content>
      <content order="2">B</content>
      <content order="3">C</content>
      <content order="4">D</content>
      <content order="5">E</content>
      <content order="6">F</content>
    </section>
    <section count="4" name="Numbers" order="2">
      <content order="7">1</content>
      <content order="8">2</content>
      <content order="9">3</content>
      <content order="10">4</content>
    </section>
</sections>

欲望の出力は

アルファベット

あ

B

ハ

D

え

ふ

数字

1

2

3

4

「ABCDEF」と「1234」がリストビューに表示され、親タグが上記のように表示されるはずです。

前もって感謝します。

4

1 に答える 1

0 
    for (var order = 1; order < 3; order++) {
        $('xml').find('section[order="' + order + '"]').each(function () {
            //iterate by section
            var sectionName = $(this).attr("name");
            //Add Section Name to the list
            $("#section_list").append(sectionName);
            $(this).children().each(function () {
                //iterate by section/content
                //for each content tag under section add a li element
                $("#section_list").append('<li><a href="#" class="style1"><h2>' + $(this).text() + ' </h2></a></li> ');
            });
            //$("#section_list").listview("refresh");
        });
    }

このフィドルを試してください

于 2013-06-26T06:12:40.983 に答える