Click to find all unique div parent elements of each span. : parents « jQuery « JavaScript Tutorial

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
    function showParents() {
            
              var len = $("span")
                               .parents("div")
                               .css("border", "2px red solid")
                               .length;
              $("b").text("Unique div parents: " + len);
            }
            $("span").click(function () {
             
              showParents();
            });
        });
    </script>
    <style>
      .selected { color:blue; }
      
    </style>
    
  </head>
  <body>
    <body>
        <div>
          <div><span>span</span></div>
          <span>span</span>
        </div>
        <div>
          <span>span</span>
        </div>
        <b></b>
    </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.