parents(expr) gets elements containing the unique ancestors : parents « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. parents

parents(expr) gets elements containing the unique ancestors

 

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                var parentEls = $("p").parents()
                                      .map(function () { 
                                            return this.tagName; 
                                          })
                                      .get().join(", ");
                $("p").append("<strong>" + parentEls + "</strong>");
        });
    </script>
  </head>
  <body>
    <body>
          <div><p>Hello</p></div>
          <div class="selected"><p>Hello Again</p></div>
          
    </body>
</html>








Related examples in the same category

1.Get DIV parent count
2.Get form input parent
3.Get parents
4.Get parent with certain class
5.Returns true, because the parent of the input is a form element
6.parent(expr): filter the set of parent elements
7.Shows the parent of each element as (parent > child). Check the View Source to see the raw html.
8.Click to find all unique div parent elements of each span.