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

JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

Java

Java Tutorial

Java Source Code / Java Documentation

Illustrator Tutorials

GIMP Tutorials

C# / C Sharp

C# / CSharp Tutorial

C# / CSharp Open Source

SQL Server / T-SQL Tutorial

Oracle PL / SQL

Oracle PL/SQL Tutorial

Flash / Flex / ActionScript

VBA / Excel / Access / Word

XML

XML Tutorial

Microsoft Office PowerPoint 2007 Tutorial

Microsoft Office Excel 2007 Tutorial

Microsoft Office Word 2007 Tutorial

JavaScript Tutorial » jQuery » Selector children

30. 4. 3. 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>

30. 4. Selector children
	30. 4. 1.	nthChild(index)
	30. 4. 2.	onlyChild(): If the parent has other child elements, nothing is matched.
	30. 4. 3.	Select n-th child
	30. 4. 4.	Finds all children of the element with id "main"
	30. 4. 5.	Finds all p elements that are children of a div element
	30. 4. 6.	Is it the first child
	30. 4. 7.	Matches all child elements specified by child of elements specified by parent

www.java2java.com | Contact Us

All other trademarks are property of their respective owners.