<script>
$(document).ready(function(){
var xml = "<root> \
<method name='A'> \
<childcall name='B'></childcall> \
<childcall name='C'></childcall> \
</method> \
<method name='B'> \
<childcall name='D'></childcall> \
</method> \
<method name='C'> \
<childcall name='D'></childcall> \
<childcall name='E'></childcall> \
</method> \
</root>";
var data = $.parseXML(xml);
console.log(data);
$(data).find('method').each(function(){
var name = $(this).attr('name');
$('<div class="items"></div>').html('<a href="'+name+'">'+name+'</a>').appendTo('#page-wrap');
});
});
</script>
</head>
<body>
<div id="page-wrap"></div>
</body>
</html>
このコードは、親メソッド タグの ABC を出力します。必要な出力は ABCBDCD E です。子ノードを再帰的にトラバースして必要な出力を取得するにはどうすればよいですか? それは深さ優先検索でしょうか?