jquery - 隐藏列表中未选择的项目

Question

我有一个由 SharePoint 控件生成的项目列表，因此我无法控制标记。

我唯一需要做的就是一个<li>“选择”类。默认情况下会显示所有其他嵌套项，但我只想显示来自父项的踪迹。对于属于该行的任何节点，我想显示兄弟姐妹而不是后代。

请参阅此 JSFiddle 了解我需要做什么... http://jsfiddle.net/QLbAS/4/

谢谢

//logic i think should be 
// get all items in the hierarchy to this particular item
// for each item in step above check to see if there are sibling nested lists
// if yes then hide the items

Answer 1

这对你有用吗：

$(function() {
    $("li").hide();
    $("li.selected").parents("li").andSelf().each(function(index,elem) {
        $(this).siblings().andSelf().show();
    });
});

小提琴