2016-11-05 114 views
0
<li class="treeview"> 
      <a href="#"> 
       <i class="fa fa-laptop"></i> 
       <span>Configuration</span> 
       <span class="pull-right-container"> 
        <i class="fa fa-angle-left pull-right"></i> 
       </span> 
      </a> 
      <ul class="treeview-menu" style="display: none;"> 
       <li><a href="/Home/General"><i class="fa fa-circle-o"></i> General</a></li> 
       <li><a href="/Home/Test"><i class="fa fa-circle-o"></i> Test</a></li>     
      </ul> 
     </li> 

請幫我選擇點擊元素。我嘗試了下面,但它不工作。無法選擇點擊href

$("ul.treeview").click(function() { 
    $(this).parent().addClass('active').siblings().removeClass('acive'); 
}); 
+0

你沒有在你的問題中說明任何問題 – Abk

+1

我認爲你的意思是你的選擇器中的ul.treeview-menu。還有一個在removeClass中的拼寫錯誤 - >活動拼寫很活躍 –

+0

'treeview'是li類沒有ul更好檢查html標記正確 – guradio

回答

0

將您的點擊事件分配給錯誤的元素。試試:

$("ul.treeview-menu").siblings().click(function (e) { 
    $(this).find('a') // do whatever with it 
}); 

這樣你選擇<a>菜單裏面。

0

$("li.treeview").click(function() { 
 
    $(this).parent().addClass('active').siblings().removeClass('acive'); 
 
});
.active { 
 
    background-color: red 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li class="treeview"> 
 
    <a href="#"> 
 
     <i class="fa fa-laptop"></i> 
 
     <span>Configuration</span> 
 
     <span class="pull-right-container"> 
 
        <i class="fa fa-angle-left pull-right"></i> 
 
       </span> 
 
    </a> 
 
    <ul class="treeview-menu" style="display: none;"> 
 
     <li><a href="/Home/General"><i class="fa fa-circle-o"></i> General</a> 
 
     </li> 
 
     <li><a href="/Home/Test"><i class="fa fa-circle-o"></i> Test</a> 
 
     </li> 
 
    </ul> 
 
    </li> 
 
</ul>

檢查這一項

0

如果你想選擇你點擊列表項目中的一個標籤,你可以使用

$("ul .treeview").click(function() { 
    $("ul .treeview a").removeClass("active") 
    var x = $(this).find('a'); 
    x.addClass("active") 
}); 
0

嘗試下面的代碼可能幫幫我。

$("ul .treeview").click(function() { 
    $(this).siblings().removeClass('active'); 
    $(this).addClass('active'); 
}); 

所有同級別li刪除活動類,並添加活動類來點擊一個。