私は素朴な jQuery プログラマーなので、誰かこの問題を解決してください。最初の例は、私がやっていることとその動作を示しています。しかし、私のジレンマは、リストが XML を解析して作成されることです。もしそうなら、どのようにxmlを解析し、「タイトル」属性を見つけて、対応するURLをDivにロードしますか? 前もって感謝します...
jQuery コード
$('.treeLinks').click(function() {
var sourceURL = $(this).attr('title');
$('#content').load(sourceURL);
});
対応する HTML コード
<ul>
<li><a href="#" title="contentArea1.html" class="treeLinks">Link 1</a></li>
<li><a href="#" title="contentArea2.html" class="treeLinks">Link 2</a></li>
</ul>
title 属性を取得するために解析する必要がある XML コード
<?xml version="1.0" encoding="UTF-8"?>
<root>
<item id="pxml_1">
<content><name class="treeLinks"><![CDATA[Root node 1]]></name></content>
<item id="pxml_2">
<content><name class="treeLinks"><![CDATA[Child node 1a]]></name>
<item id="pxml_23">
<content><name><![CDATA[Child node 1a]]></name></content>
</item>
</content>
</item>
<item id="pxml_3">
<content><name><![CDATA[Child node 2b]]></name></content>
</item>
<item id="pxml_4">
<content><name><![CDATA[Child node 3c]]></name></content>
</item>
</item>
</root>