ダイナツリーの構造は次のようになります。
<ul class="dynatree-container">
<li class="">
<span class="dynatree-node dynatree-has-children dynatree-exp-c dynatree-ico-c">
<a class="dynatree-title" href="#">Alimentary</a>
</span>
</li>
<li class="">
<span class="dynatree-node dynatree-expanded dynatree-has-children dynatree-exp-e dynatree-ico-e">
<a class="dynatree-title" href="#">Fruits</a>
</span>
<ul style="">
<li class="">
<span class="dynatree-node dynatree-exp-c dynatree-ico-c">
<a class="dynatree-title" href="#">Banans</a>
</span>
</li>
</ul>
</li>
<li class="">
<span class="dynatree-node dynatree-has-children dynatree-exp-c dynatree-ico-c">>
<a class="dynatree-title" href="#">Cosmetics</a>
</span>
</li>
</ul>
データを検索して、ツリーに「パイナップル」が存在する場合は太字で表示します。javascript でメソッド onkeyPressed を書きました:
function Search(value)
{
for(var i=0;i<document.getElementsByTagName('li').length;i++)
{
var node=document.getElementsByTagName('dynatree-title')
if (node.data.href ==value) {
//expand the tree
}
}
}
すべてのノードにアクセスして値を検索する方法がわかりません。誰にもアイデアがありますか?