2013-06-04 60 views
3

我想從我的導航菜單中隱藏主菜單項,並且僅在移動導航菜單切換時才顯示它。有沒有一種方法可以通過錨標題(主頁)選擇li項,並在切換時向其添加活動類,就像我對其他元素所做的一樣?或者我可以做到這一點與CSS不知何故?我正在使用一個WordPress的導航菜單,所以我不能添加一個特定的類。非常感謝。通過其在javascript中的錨定標題定位元素

$(document).ready(function() { 
    $('body').addClass('js'); 
    var $menu = $('#menu'), 
    $logo = $('.logo'), 
    $menulink = $('.menu-link'); 

    $menulink.click(function() { 
    $menulink.toggleClass('active'); 
    $menu.toggleClass('active'); 
    $logo.toggleClass('active'); 
    return false; 
    }); 
}); 
+0

「Anchor title」?你的HTML是什麼樣的? –

+0

可能重複[在jQuery中查找具有某個特定值的所有元素](http://stackoverflow.com/questions/4958081/find-all-elements-with-a-certain-attribute-value-in-jquery) –

回答

6

這將讓與 「家」 的稱號錨

$('a[title="home"]') 

,因此會使用

$('a[title="home"]').toggleClass('active'); 

W3C selectors reference更多關於這句法

+0

太感謝了! – ladygeekgeek

1

你知道你只能用CSS來定位一個標題的主播?

a[title^="Some title text"] { color: red; } 

對於與JavaScript靶向 - >related

變種鏈接= top.document.getElementsByTagName( 'A'); var result = []; var linkcount = links.length; for(var i = 0; i < linkcount; i ++){ if(links [i] .getAttribute('title')==='some title text here'){ result.push(links [i]); }}

對於與jQuery靶向 - >用戶John孔德應答之前或

$( '一個[標題= 「一些標題文本」]')

此外,請嘗試使用您的問題在網上搜索 - >google for an example

0
$(document).ready(function() { 
    $('body').addClass('js'); 
    var $menu = $('#menu'), 
    $logo = $('.logo'), 
    $menulink = $('.menu-link'); 
    $homelink = $('li[title*="home"]'); // remove the * if u have more with "*home*" 

    $menulink.click(function() { 
     $menulink.toggleClass('active'); 
     $menu.toggleClass('active'); 
     $logo.toggleClass('active'); 
     $homelink.toggleClass('active'); 
     return false; 
    }); 
});