Shows the parent of each element as (parent > child). Check the View Source to see the raw html. : parents « jQuery « JavaScript Tutorial






  1. JavaScript Tutorial
  2. jQuery
  3. parents
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

                 $("*", document.body).each(function () {
                      var parentTag = $(this).parent().get(0).tagName;
                      $(this).prepend(document.createTextNode(parentTag + " > "));
                 });


        });
    </script>
  </head>
  <body>
    <body>
              
          <p>p</p>
          <div>div</div>
        
          <p>p</p>
          <p>p</p>
          <div>div</div>
          <p>p</p>
          <div>div</div>
          
    </body>
</html>








30.77.parents
30.77.1.Get DIV parent count
30.77.2.Get form input parent
30.77.3.Get parents
30.77.4.Get parent with certain class
30.77.5.Returns true, because the parent of the input is a form element
30.77.6.parent(expr): filter the set of parent elements
30.77.7.Shows the parent of each element as (parent > child). Check the View Source to see the raw html.
30.77.8.parents(expr) gets elements containing the unique ancestors
30.77.9.Click to find all unique div parent elements of each span.