onlyChild(): If the parent has other child elements, nothing is matched. : Selector children « jQuery « JavaScript DHTML






onlyChild(): If the parent has other child elements, nothing is matched.

  

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("div ul:only-child").text("only has ul").css("border", "2px blue solid");

        });
    </script>
  </head>
  <body>
    <body>
      <div>
        <ul>
            <li>A</li>
            <li>B</li>
            <li>C</li>
        </ul>
      </div>
      <div>
        <ul>
            <li>D</li>
            <li>E</li>
            <li>F</li>
            <li>G</li>
            
        </ul>
      </div>
      <div>
        <ul>
            <li>H</li>
            <li>I</li>
            <li>J</li>
            <li>K</li>
        </ul>
      </div>

    </body>
</html>

   
    
  








Related examples in the same category

1.nthChild(index)
2.Select n-th child
3.Finds all children of the element with id "main"
4.Finds all p elements that are children of a div element
5.Is it the first child
6.Matches all child elements specified by child of elements specified by parent