Question

I would like to check if my menu contains the menu item “Admin”.

Admin is the name of the parent menu item. When the user is logged in they can see the admin menu.

My menu css path looks like this:

div.toppane div.logopane div.menupane ul.sf-menu li a

If it does then I would like to display the following link

<a href="/en-us/aboutus/abgroup.aspx?ctl=logoff" id="Logoff" />Logoff</a>

But if “admin” isnt present then I need to show this link:

<a href="/en-us/aboutus/abgroup.aspx?ctl=login" id="Login" />Login</a>

Answer 1

The DOM structure is missing in your question! 🙁, so I’ll give it a try…

if ($('div.toppane div.logopane div.menupane ul.sf-menu')
    .has('ul.sf-menu li a')){
     $('#Logoff').show();
}
else{
     $('#Login').show();
}

Or what the Admin thing looks like, just put it in the has…

---

Update:

“admin” is a string value.. So assuming i need to check for the value in the menu?

Use is + :has + :containes.

if ($('div.toppane div.logopane div.menupane ul.sf-menu')
     .is(':has(a:contains(Admnin))')) {`