jQuery selectors not living in chrome console jQuery selectors not living in chrome console google-chrome google-chrome

jQuery selectors not living in chrome console


Theoretically, this could work to strip out the jQuery properties from the DOM array:

console.log(Array.prototype.slice.call($('.page')));

BUT, when consoling an array of DOM nodes, the dev toolbar will no longer let you browse the DOM nodes from within the array (except the native properties). The only way I know to get around this is to log each node individually:

Array.prototype.slice.call($('.page')).forEach(function(elem) {    console.log(elem);});

Or simply:

$('.page').each(function(i, elem) {    console.log(elem);});


Sometime to debug i test also the ".html()" or innerHtml to debug some on-fly html code but "David" way is also what i did.