jQuery addClass example

Change class name on click in jQuery

HTML

<div id="fail-item" class="toolbar-item">
  Fail
  </div>
  <div id="warn-item" class="toolbar-item">
  Warn
  </div>
  <div id="pass-item" class="toolbar-item">
  Pass
  </div>

JavaScript

// find elements
$("div.toolbar-item").on("click",toolbar_click_listener);

    function toolbar_click_listener(){
        console.log("what happens");
    }