Search jQuery

jQuery Forum

Value of Menu-Item-Text on Sharepoint Top Navigation Selection

in Using jQuery • 7 years ago

I need to capture as a variable the value of Menu-Item-Text for the "static selected" item on the Top Navigation bar of a SharePoint 2013 page. A couple of posts got me close but I can't seem to get that value. In the html below, I want to capture "Tools and Resources" as a variable so I can use it. There is only one "static selected" class among the Top Nav tabs. All the others are just "status". I'm only interested in the one that is currently selected. Thanks.

<div id="zz11_motTopNavHolder" class="s4-tn noindex ms-core-listMenu-horizontalBox">
<ul id="zz12_RootAspMenu" class="root ms-core-listMenu-root static">
<li class="static selected"><a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode" tabindex="0" title="IT Support" href="/sites/MOT/IT/Pages/Tools.aspx" accesskey="1">Tools and ResourcesCurrently selected</a><ul class="static">

Replies(6)

jakecigar

Re: Value of Menu-Item-Text on Sharepoint Top Navigation Selection

7 years ago

You want

var t= $(".static.selected .menu-item-text").text()

JΛ̊KE

dugutigi

Re: Re: Value of Menu-Item-Text on Sharepoint Top Navigation Selection

7 years ago

Jake ... that's perfect. It did exactly what i needed it to do. It worked on all the Top Navigation tabs except the Home tab. For some reason with the Home tab, it returned a long string that was all the menu-item-text values combined from all the Top Nav tabs. It didn't matter though because I have a different script running on the Home Page anyway and I can just hard code the text. Thank you so much!

dugutigi

Re: Value of Menu-Item-Text on Sharepoint Top Navigation Selection

2 years ago

This solution worked for four years. We recently migrated to SharePoint Online. Now the top navigation text includes the file extension .aspx … like this: Communications.aspx … instead of just Communications. How can I capture the menu item text without the file extension?

jakecigar

Re: Value of Menu-Item-Text on Sharepoint Top Navigation Selection

2 years ago

var t= $(".static.selected .menu-item-text").replace(".aspx","");

JΛ̊KE

dugutigi

Re: Re: Value of Menu-Item-Text on Sharepoint Top Navigation Selection

2 years ago

Thanks Jake. This worked:

var t= $(".static.selected .menu-item-text").text().replace(".aspx","")

This handles the text in the web browser tabs.

/* Changes Title of page in the browser tab at top of screen */
   $(document).ready(function() {
   var t= $(".static.selected .menu-item-text").text().replace(".aspx","")
   document.title = 'CR Web - ' + t;
   });

SharePoint Online made a bit of a mess of my site and pages. I have several pages and normally the page titles would display in the top navigation bar without .aspx. With SharePoint online, the page titles in the top navigation bar all have ".aspx" in them now. Instead of Tools and Resources for example, Tools and Resources.aspx appears. If you have any ideas on how I can cycle thru all the page names in the top navigation bar and remove ".aspx" from each page name, I'm all ears.

jakecigar