Question

需要一些帮助：我正在使用jquery treeview插件（这一个：http://bassistance.de/jquery-plugins/jquery-plugin-treeview/）。我想突出显示当前项目。我是这样做的：

CSS：

.filetree li .clicked {
    font-weight: bold;
}

和JS代码：

$('li').live('click', function(event){
    event.stopPropagation();
    console.log(this.id);
    $('.clicked').removeClass('clicked');
    $(this).addClass('clicked');
    return false;
});

一切正常，但所有项目都与其子元素一起突出显示，并且根元素不会整体突出显示。

如何突出显示当前项目？提前谢谢！

Answer 1

好的，正确的方法是：

 $(event.target).addClass('clicked');

而不是

 $(this).addClass('clicked');

Answer 2

问题可能是您将bold字体应用于整个li元素。如果您查看标记，li会有一个代表其所有子元素的子ul。

因此，在您的CSS中，您应该尝试将bold应用于具有名称的span，而不是整个li节点：

.filetree li.clicked > span {
  font-weight: bold;
}

有关子选择器的信息，请参阅此处：

http://www.w3.org/TR/CSS2/selector.html#child-selectors

jquery treeview仅突出显示当前项目

2 个答案: