jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<ul id="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Features</a></li>
    <li><a href="#">_Multi DropDown</a></li>
    <li><a href="#">__DropDown 1</a></li>
    <li><a href="#">__DropDown 2</a></li>
    <li><a href="#">__DropDown 3</a></li>
    <li><a href="#">_ShortCodes</a></li>
    <li><a href="#">_SiteMap</a></li>
    <li><a href="#">_Error Page</a></li>
    <li><a href="#">Seo Services</a></li>
    <li><a href="#">Documentation</a></li>
    <li><a href="#">Video Documentation</a></li>
    <li><a href="#">Download</a></li>
</ul>

JavaScript

const nav = $('#nav');

nav.children().each(function(){
	if($(this).text().strastartsWith('_')) {
		transformToUl();
	}
});

function transformToUl(domNode){
if($(domNode).text().strastartsWith('__')){
		
		}else{
			
		}
}