如何遍歷菜單並刪除類，然後將類添加到當前菜單項

我有用於瀏覽內容滑塊面板的此菜單結構。如何遍歷菜單並刪除類，然後將類添加到當前菜單項

<div id="menu"> 
    <ul> 
    <li><a href="#1" class="cross-link highlight">Bliss Fine Foods</a></li> 
    <li><a href="#2" class="cross-link">Menus</a></li> 
    <li><a href="#3" class="cross-link">Wines</a></li> 
    <li><a href="#4" class="cross-link">News</a></li> 
    <li><a href="#5" class="cross-link">Contact Us</a></li> 
    </ul> 
</div>

我想循環這些元素並刪除高亮類，然後將高亮類添加到當前/最後點擊的菜單項。

任何想法？任何幫助將不勝感激。

感謝

喬納森

來源

2010-03-14 Jonathan Lyon

可能是這樣？

$('#menu li a').click(function(){ 
    $('#menu li a').removeClass('highlight'); 
    $(this).addClass('highlight'); 
});

來源

2010-03-14 06:58:14 edtsech

感謝與Jacob的幫助結合在一起添加代碼 – 2010-03-14 07:14:06

...your <head> and opening <body> tags... 
<div id="menu"> 
    <ul> 
    <li><a href="#1" class="cross-link highlight">Bliss Fine Foods</a></li> 
    <li><a href="#2" class="cross-link">Menus</a></li> 
    <li><a href="#3" class="cross-link">Wines</a></li> 
    <li><a href="#4" class="cross-link">News</a></li> 
    <li><a href="#5" class="cross-link">Contact Us</a></li> 
    </ul> 
</div> 
<script type="text/javascript"> 
(function($) { 
$("#menu ul li a").click(function() { 
    $(this).parent().parent().filter('a').removeClass('highlight'); 
    $(this).addClass('highlight'); 
}); 
})(jQuery); 
</script> 
</body> 
</html>

來源

2010-03-14 06:57:27

謝謝雅各布 - 我怎麼從菜單中調用這個？ – 2010-03-14 07:01:56

@Jonathan，只需將它添加到您的jQuery.ready代碼中即可。 – 2010-03-14 07:04:13

@jacob - 對不起，請原諒我的無知，但可以告訴我如何在語法上將其添加到我的標題中 – 2010-03-14 07:06:37

如何遍歷菜單並刪除類，然後將類添加到當前菜單項

回答

相關問題