2015-05-08 37 views
0

我想使用Jquery自動選擇列表ID。當我點擊某個列表時,它應該使用它的ID並允許切換。現在我想讓JQuery自動獲取點擊Item的ID並執行切換。自動選擇切換列表ID

通過切換我的意思是當我點擊目錄其他列表項目將隱藏。只有產品目錄列表會顯示。

我要實現以下的Jquery:

**$("").click(function(){ 
    $("").toggle(); 
});* 

*

<div id="aside"> 
    <div id="column"> 
     <ul> 
      <li id="dashboard"><a href="">&nbsp;&nbsp;&nbsp;Dashboard</a></li> 
      <li id = "catalogs"><a href="#">&nbsp;&nbsp;&nbsp;Catalog</a> 

       <div id="q"> 
        <ul> 
         <li><a href="">Catogeries</a></li> 
         <li><a href="">Departure Location</a></li> 
         <li><a href="">Return Location </a></li> 
         <li><a href="">Cities </a></li> 
         <li><a href="">Vendor </a></li> 
         <li><a href="">Discount Coupons</a></li> 
         <li> <a href="">Remaining Seats </a></li> 
        </ul> 
       </div> 
      </li> 
      <li id="user"><a href="#">&nbsp;&nbsp;&nbsp;Users</a> 
       <div id="g"> 
        <ul> 
         <li><a href="">Customer</a></li> 
         <li><a href="">Admin</a></li> 
         <li><a href="">Agents</a></li> 
        </ul> 
       </div> 
      </li> 
      <li id="catalog"><a href="#">&nbsp;&nbsp;&nbsp;Customers</a> 
       <div id="s"> 
        <ul> 
         <li><a href="">Customer</a></li> 
         <li><a href="">Orders</a></li> 
         <li><a href="">Reward System</a></li> 
        </ul> 
       </div> 
      </li> 
      <li id="repot"><a href="#">&nbsp;&nbsp;&nbsp;Reports</a> 
       <div id="k"> 
        <ul> 
         <li><a href="">Monthly</a></li> 
         <li><a href="">Comission Report</a></li> 
        </ul> 
       </div> 
      </li> 
     </ul> 
    </div> 
</div> 
+2

撥動什麼?說明。並且添加jquery代碼。 –

+1

'$(this).attr('id');'綁定點擊事件時會給出單擊元素的id – Pugazh

回答

0

它可能還是傳統的問題

$("#column li").click(function() { 
    console.log(this.id); 
}); 

jsFiddle