Javascript jquery树视图高亮显示选定项

Javascript jquery树视图高亮显示选定项,javascript,jquery,treeview,Javascript,Jquery,Treeview,我读文件 也用谷歌搜索过,但没有找到简单而好的解决方案,如何突出显示选中的项目。我使用span so not redirect but nothing selected在树状视图中,向添加的分支添加id标记 "<li><span id="myNode1" class='file'>Item2</span></li>" 或者永久更改样式 $('#myNode1').css('styleFloat'); 在树状图中,向添加的分支添加id标记 "&

我读文件


也用谷歌搜索过,但没有找到简单而好的解决方案,如何突出显示选中的项目。我使用span so not redirect but nothing selected

在树状视图中,向添加的分支添加id标记

"<li><span id="myNode1" class='file'>Item2</span></li>"
或者永久更改样式

$('#myNode1').css('styleFloat');

在树状图中,向添加的分支添加id标记

"<li><span id="myNode1" class='file'>Item2</span></li>"
或者永久更改样式

$('#myNode1').css('styleFloat');

您可以在树中选择li项并向其添加事件侦听器,如下所示:

$('#browser li.file').bind('click', function() {
  //clear all clicked items if any
  $('.clicked').removeClass('clicked');
  //set this clicked
  $(this).addClass('clicked');
})
在处理函数内部,“this”字指向单击的项。 或者,如果“选择”是指其他内容,您也可以收听所需的事件类型,如示例中所示

$('#browser li.file').bind('mouseover', function() {
 ... your code ...
})

您可以在树中选择li项并向其添加事件侦听器,如下所示:

$('#browser li.file').bind('click', function() {
  //clear all clicked items if any
  $('.clicked').removeClass('clicked');
  //set this clicked
  $(this).addClass('clicked');
})
在处理函数内部,“this”字指向单击的项。 或者,如果“选择”是指其他内容,您也可以收听所需的事件类型,如示例中所示

$('#browser li.file').bind('mouseover', function() {
 ... your code ...
})

此代码用于在树视图中突出显示文件:

$(document).ready(function(){
        $("#index").treeview();
          $('#index span.file').bind('click', function() {
              //clear all clicked items if any
              $('.selected').removeClass('selected');
              //set this clicked
              $(this).addClass('selected');
            });
      });
jquery.treeview.css
中:

.treeview span.file.selected { background-color: #F0FFF0; }

此代码用于在树视图中突出显示文件:

$(document).ready(function(){
        $("#index").treeview();
          $('#index span.file').bind('click', function() {
              //clear all clicked items if any
              $('.selected').removeClass('selected');
              //set this clicked
              $(this).addClass('selected');
            });
      });
jquery.treeview.css
中:

.treeview span.file.selected { background-color: #F0FFF0; }

它可能已经过时了,但我在jqueryFileTree.js的FileTree函数(版本2.14)下添加了以下内容


它可能已经过时了,但我在jqueryFileTree.js的FileTree函数(版本2.14)下添加了以下内容


你所选择的项目是什么意思?上次单击的项目?我个人推荐jstree作为jQuery插件来处理这样的树,因为它有一个更大、更广泛的API结构?上次单击的项目?我个人推荐jstree作为jQuery插件来处理这样的树,因为它具有更大、更广泛的API结构。