Set menu item class into body

Question

I set css class for menu items.

I want to get css class of current menu item and set it to body tag.

What should i do ?

Answer 1

You're going about this backwards. What you want to do is use jQuery to test for the presence of the current menu class, then see if that item has the assigned class. If it does, then you add your CSS to the body.

<script type="text/javascript">
    jQuery(document).ready(function($) {
        if($('li.current-menu-item').hasClass('your_custom_class')) {
            $('body').css('background-color', 'orange');
        }
    });
</script>

Integrating my comment... you probably want to cache the selector then loop through a few more times.

<script type="text/javascript">
    jQuery(document).ready(function($) {
        var menuitem = $('li.current-menu-item');
        if (menuitem.hasClass('your_custom_class')) {
            $('body').css({
                'background-color': 'orange',
                'background-image': 'url(http://someurl.com/thatimage.jpg'
            });
        }
        else if(menuitem.hasClass('your_custom_class')) {
            $('body').css({
                'background-color': 'orange',
                'background-image': 'url(http://someurl.com/thatimage.jpg'
            });
        }
    });
</script>

Answer 2

'wp_get_nav_menu_items' by using this function you can get the menu items & associated pages/posts with it.

Below is the example

custom_menu_slug is the slug of menu.(theme location)

 $menu_name = 'custom_menu_slug';
    $menu = wp_get_nav_menu_object( 'custom_menu_slug' ); // get Menu ID from menu slug
    $menu_items = wp_get_nav_menu_items($menu->term_id); // $menu->term_id=Menu Id
    foreach ( (array) $menu_items as $key => $menu_item ) {
      if($menu_item->object_id==current_page_id){ // Your current page id 
      echo  $class = $menu_item->classes[0];
      }

    }