jQuery addClass example

Change class name on click in jQuery

by Michael Vashevko

HTML

<div id="banner-message">
  <p>Hello World</p>
  <button>Change color</button>
</div>

JavaScript

let getSingleSelector = el => {
  let selector = $(el).prop('tagName');
  let id = $(el).attr('id');
  if (id) {
    selector += '#' + id;
  }
  let classNames = $(el).attr('class');
  if (classNames) {
    selector += '.' + $.trim(classNames).replace(/\s/gi, '.');
  }
  return selector;
};
let getFullSelector = el => {
  return $(el)
    .parents()
    .map((ind, e) => getSingleSelector(e))
    .get()
    .reverse()
    .concat([getSingleSelector(el)])
    .join(' > ');
};