Remove current class from sub menu items

Use following code as jQuery:

jQuery('#nav li').removeClass('current');
jQuery('#nav>li.current-menu-item').addClass('current');
jQuery('.has-children li.current-menu-item').closest('.has-children').addClass('current');

See jsfiddle (current item red color). When you click “Single Blog” menu item your html structure will like my following example and jQuery will remove class active from it and add class it’s parent exactly like what you wanted.
https://jsfiddle.net/dom8188s/