Clever Geek Handbook

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


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


source 


// Shorthand for ready
$(function(){
  $('div');

  // or use the DOM method:
  document.getElementsByTagName('div');
});


+1


source






More articles:


All Articles