使用jQuery在Page中获取所有DIV（或任何元素）

Question

是否可以使用包含嵌套div的jQuery获取页面中的所有div？

$('div'); //returns outer but not inner

<div id="outer">
    <div id="inner"></div>
</div>

Answer 1

确保DOM已加载哟。

$(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>
    });
});​

Answer 2

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

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