jquery - How can I select children of html tag in html page? -


my html file

<!doctype html> <html> <head>     <meta charset="utf-8" />     <meta name="viewport" content="width=device-width,initial-scale=1">     <title>@viewbag.title</title>      <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet" />     <link href="../../bootstrap/css/bootstrap-responsive.css" rel="stylesheet" />     <script src="../../scripts/jquery-1.7.1.min.js"></script>     <script src="../../bootstrap/js/bootstrap.js"></script>     <script src="../../bootstrap/js/bootstrap-collapse.js"></script>   </head>  <body>     <div class="navbar">         <div class="navbar-inner">             <div class="container">                 <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                 </a>                 <img class="brand" src="../../content/image/uznno.jpg" width="38" height="19" alt="atish" />                 <div class="nav-collapse collapse navbar-responsive-collapse">                     <ul class="nav">                         <li><a href="#">home</a></li>                         <li><a href="#">articles</a></li>                         <li><a href="#">blog</a></li>                         <li><a href="#">about</a></li>                     </ul>                     <form class="navbar-search pull-left" action="">                         <input type="text" class="search-query span2" placeholder="search">                     </form>                     <ul class="nav pull-right">                          <li class="divider-vertical"></li>                         <li><a href="#">login</a></li>                     </ul>                 </div>                 <!-- /.nav-collapse -->             </div>         </div>         <!-- /navbar-inner -->     </div>     @renderbody()     <script src="../../scripts/tree.js"></script> </body> </html> 

my js file

var elements = $("html").children();  (var = 0; < elements.length; i++) {     alert(elements[i]); } 

output

[object htmlscriptelement] [object htmlscriptelement] [object htmlheadelement] [object htmlbodyelement] 

i want

[object htmlheadelement] [object htmlbodyelement] 

in answer actual question asked:

it works way because iterating raw dom hierarchy. shows child elements including scripts. scripts not stored declared , differ across browsers.

if want ignore scripts, change initial selector to:

var elements = $("#hello").children(':not(script)'); 

and leave rest as-is.

otherwise, please reword question explain overall aim :)

jsfiddle here: http://jsfiddle.net/6pv57/

as wanted tag names, use tagname (who have guessed!) :)

http://jsfiddle.net/6pv57/1/


Comments

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -