jQuery的切換父母父母李？

Question

我在另一個子菜單中有一個帶有子菜單的html。 我想要的是在頁面加載上，如果子sub li具有為父級切換而為其父級切換的類，因此包含li且已打開類的li都可見。

HTML：

<ul class="NewsSubMenu">
   <li class="NewsSubMenuOn" style="margin-left:-1.7px;">
      <span style="padding-left:35px; color:White;">  News Archive</span>
       <ul class="NewsArchive">
           <li class="off">
           <a href="#" class="year">2012</a>                
                <ul class="NewsMonths">
                        <li class="off">
                           <a href="#" class="month">March</a> 
                              <ul class="NewsArt">
                                         <li class="turnedon">
                                          News Headline
                                       </li>
                                </ul>
                        </li>
                        <li class="off">
                           <a href="#" class="month">February</a> 
                              <ul class="NewsArt">
                                       <li>
                                          Title                                        </li>
                                </ul>
                        </li>
                </ul>
           </li>
           <li class="off">
           <a href="#" class="year">2011</a>                
                <ul class="NewsMonths">
                        <li class="off">
                           <a href="#" class="month">March</a> 
                              <ul class="NewsArt">
                                       <li>
                                         PVC4PIPES
                                       </li>
                                </ul>
                        </li>
                </ul>
           </li>
       </ul>   
      </li>
    </ul>

CSS：

.NewsSubMenuOn ul li.off ul {
display:none;

}

jQuery的：

  $(document).ready(function () {
    $(".turnedon").parent().parent().toggle();
});

我的jQuery無法正常工作？

Answer 1

試試這個：

$(document).ready(function () {
    $(".turnedon").parents('ul').toggle(true);
});​

您可以在這里檢查它http://jsfiddle.net/KwdmZ/

Answer 2

走到dom樹上，顯示父元素，直到您的元素可見：

var target = $(".turnedon").show();
var parent = target.parent();
while(target.is(":hidden")) {
    parent.show();
    parent = parent.parent();
}

演示： http ： //jsfiddle.net/4arWQ/

Answer 3

嘗試指定應查看的父類型：

 $(document).ready(function () {
    $(".turnedon").parent('ul').parent('ul').toggle();
});

如果您查看代碼路徑（如果轉到parent（）。parent（），則選擇帶有類month的ahref）。