DOM subtree class toggling debugger

debug_dom_class.js

(function () {
  'use strict';

  console.log('Debug has started.');

  var $base = jQuery('<SELECTOR>');
  var list = traverse($base[0]);
  var classes = [];
  var element = null;

  jQuery(toggleClass);

  function traverse(node) {
    console.log("Start traversing for children.");

    var list = [];
    var stack = [node];

    while (stack.length) {
      var currentNode = stack.pop();
      var $children = jQuery(currentNode).children();
      list.push(currentNode);
      for (var i = 0; i < $children.length; i++) {
        stack.push($children[i]);
      }
    }

    console.log("Found ", list.length, " child nodes.");
    return list;
  }

  function toggleClass() {
    if (classes.length == 0) {
      if (list.length == 0) return;

      element = list.pop();
      classes = (jQuery(element).attr('class') + '').replace(/\s+/g, ' ').trim().split(' ');
    }

    var currentClass = classes.pop();
    jQuery(element).removeClass(currentClass);

    setTimeout(function () {
      if (!confirm(currentClass)) {
        return;
      }
      jQuery(element).addClass(currentClass);
      toggleClass();
    }, 100);
  }

})();