Get ALL DIV (or any element) on a page using jQuery
Is it possible to get all divs inside a page using jQuery, including nested divs?
$('div'); //returns outer but not inner
<div id="outer">
<div id="inner"></div>
</div>
+3
ryandlf
source
to share
2 answers
Make sure the DOM is loaded for years.
$(function() {
console.log($('div'));
// [<div id="outer"><div id="inner"></div></div>], [<div id="inner"></div>]
$('div').each(function(i, ele) {
console.log(i + ': ' + ele);
// 0: <div id="outer"><div id="inner"></div></div>
// 1: <div id="inner"></div>
});
});
+5
Terry
source
to share
// Shorthand for ready
$(function(){
$('div');
// or use the DOM method:
document.getElementsByTagName('div');
});
+1
max
source
to share