選択したノードと親のみを表示し、ボタンをクリックすると残りのノードを非表示にする必要があります。ボタンをクリックしても何も起こりません。
jsfiddle
ボタンのクリックでコメントを開始するコード
$('button[name="psychTree-selected"]').click( function(node) {
get the selected nodes
nodesSelected = $('#psychTree').tree('getSelectedNodes');
create an array for shown nodes
nodeIdsToStay = [];
walk through selected nodes
nodesSelected.forEach( function(node) {
var path = $('#psychTree').tree('getData');
path.forEach(function(n) {
if (nodeIdsToStay.indexOf(n)===-1) {
nodeIdsToStay.push(n);
}
})
})
hide the nodes not in the array
$('#psychTree').find('li').each( function(){
if ( nodeIdsToStay.indexOf(this.id) === -1 ) {
$(this).hide();
}
})
})
選択したノードを非表示にする方法は知っていますが、明らかに選択されていないノードには、http://jsfiddle.net/tom1nkfr/で検索して非表示にするための識別可能なクラスがありません
`$('button[name="psychTree-selected"]').click( function() {`
`$('#psychTree').find('.jqtree-selected').each( function(){`
`$(this).hide();`
`})`
`})`