javascript - 打开嵌套导航器的父项

Question

我有一个导航器代码，它像 Accordion 一样工作。

展示我的导航器的图片:

忽略“奇怪的字符”，这是我的语言。

这是它如何构建的代码示例: http://jsfiddle.net/uXA7E/3/

如您所见，导航器的深度最多为 3 级。

我想要实现的是，如果用户使用 jQuery 浏览 ID 为“13”左右的类别，我将选择 class 为 13 的元素，然后显示一直到它并用某种颜色标记它。

这是链接的构建方式:

<a class="13" href="category.php?cid=13">בלוקים ודפדפות</a>

我在页面上确实有一个元素包含我正在查看的 ID:

<input type="hidden" value="13" id="cid">

这是我试过的代码:

var until = document.getElementsByClassName('depth-two');
$("."+$("#cid").val()).prevUntil(until,"ul").show();

和:

$("."+$("#cid").val()).prevAll("ul").show();

不幸的是，它根本不起作用。

还有其他想法吗？

Answer 1

我想你几乎已经成功了。试试这个:

$("."+$("#cid").val()).parents("ul").show();

jQuery.prevAll 匹配所有 sibling ，但您想匹配 parent 。

sibling

兄弟是另一个元素的next。例如:

<div>
    <p>Sibling 1</p>
    <p>Sibling 2</p>
</div>

Sibling1 和 Sibling 2 互为 sibling 。他们共享同一个 parent 。他们都是同一个 parent 的 child 。

不过，你想搜索 parent 。

parent

<ul id="A">
    <li id="AA">
        <ul id="AAA">
            <li id="AAAA"></li>
            <li id="AAAB"></li>
        </ul>
    </li>
    <li id="AB">
        <ul id="ABA">
            <li id="ABAA"></li>
            <li id="ABAB"></li>
        </ul>
    </li>
</ul>

引用上面的例子，有一个id="A"的顶级父元素。我们将通过元素的 id 来引用元素。

• 元素 AA 有兄弟元素 AB 和父元素 A。
• 元素 AB 有兄弟元素 AA 和父元素 A。
• 元素 AAA 有父元素 AA 和祖父元素 A。
• 元素 ABA 有父元素 AB 和祖父元素 A。
• 元素 ABAA 有兄弟 ABAB、父 ABA、祖 parent AB 和曾祖 parent A.
• 元素 ABAB 有兄弟 ABAA、父 ABA、祖 parent AB 和曾祖 parent A.