Select n-th child : Selector children « jQuery « JavaScript DHTML

Select n-th child

      


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("ul li:nth-child(2)").append("<span>*</span>");
    });
    </script>
  </head>
  <body>
      <div>
        <ul>
            <li>A</li>
            <li>B</li>
            <li>C</li>
        </ul>
      </div>
  </body>
</html>

Related examples in the same category

1.	nthChild(index)
2.	onlyChild(): If the parent has other child elements, nothing is matched.
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