You can edit / change the code and click run button
<!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>closest demo here</title> <style> li { margin: 3px; padding: 3px; background: red; color:white; } li.hilight { background: blue; } </style> <script src="../../../jquery-1.10.2.js"></script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head> <body> <ul> <li>Try to click me!</li> <li>Will change color when click on me</li> <li>Clicked color of mine will be blue</li> <li>Get here</li> </ul> <script> $( document ).on( "click", function( event ) { $( event.target ).closest( "li" ).toggleClass( "hilight" ); }); </script> </body> </html>