如何将无序列表扩展到某个链接

Question

我有一个动态构建的无序列表，如下所示，我想找到一种方法，使用jquery加载列表后，使用某个id扩展链接上方的所有节点，

例如，我可能希望将id = 1905的链接所需的所有节点扩展为visiblem，并使所有其他节点都崩溃。

希望这是有道理的。

    <div id="menu">
        <ul>
            <li><a class="inactive" href="#"><img src="images/folder.png">Baking</a>
                <ul>
                    <li><a class="inactive" href="#">Bars</a>
                        <ul>
                            <li><a id="1905" class="rlink" href="url">Rasberry Crumb Breakfast Bars</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a id="1803" class="rlink" href="url">text</a></li>
        </ul>
    </div>

所以列表最初会像这样加载

我想像这样扩展它

Answer 1

您可以尝试上升所需元素的父节点并激活它们：

var parentList= $('#link1905').closest('ul');

while (parentList.length > 0) {
    parentList.prev('a').removeClass('inactive'); /* and/or .addClass('active'); */

    parentList = parentList.closest('ul');
}

此外，您必须使用字母What are valid values for the id attribute in HTML?

开始元素ID