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!) :)
Comments
Post a Comment