如何使用Jquery基於父li屬性設置子li屬性？

Question

我有菜單結構像下面，

<div class="submenu"> 
<ul class="treeview"> 
    <li class="submenu" id="menu-item-5592" style="background-image: url('open.gif');"> 
    <a href="/Products/Category/Large-Custom-Water-Features">Large Custom Water Features</a> 
    <ul class="sub-menu" rel="open" style="display: block;">   
     <li class="submenu" > 
     <ul class="submenu" rel="closed" style="disply:none;"> 
      <li></li> 
      <li></li>   
     </ul> 
     </li>  
    </ul>  
    </li>  
</ul> 
</div> 

在上述菜單中的整個Li還style="background-image: url('open.gif');"。以前它是style="background-image: url('closed.gif');"。

上述屬性設置當我點擊該鏈接。我需要當我點擊該鏈接我需要將顯示屬性從<ul class="submenu" rel="closed" style="display:none;">更改爲<ul class="submenu" rel="closed" style="display:block;">

我該怎麼做？

Answer 1

這不是一個很具體的回答你的問題，但更多的是建議：

處理style屬性，我想添加/刪除一個類，每個<li>元素像close，open代替（或重新使用你已有的rel屬性），然後用CSS解決你的問題。

這將這些狀態的可視表示從邏輯關注點（您只改變抽象打開/關閉狀態）中分離出來。

jQuery非常支持這種方法。