Select odd numbered child in jQuery
Description
The following code shows how to select odd numbered child.
Example
<!--from w w w.j av a2 s .c o m-->
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul li:nth-child(odd)").append("<span> - selected!</span>");
});
</script>
</head>
<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>
The code above generates the following result.
...
Select element by Combining first selector ...
Select element by checking if if the specif...
Select element by class name in jQuery
Select elements by tag name $("div") in jQu...
Select elements with id attribute in jQuery
Select empty table cell in jQuery
Select even numbered child in jQuery
Select event table row with Even element se...
Select first paragraph with first selector ...
Select first paragraph with given class in ...
Select for Odd table row with odd element s...
Select for nested classes with .myClass.myO...
Select input element by
Select input element by name attribute in j...
Select input element that don't have the na...
Select last paragraph in jQuery
Select not checked form input elements in j...
Select numbered child in jQuery
Select parent with parent selector $("td:pa...
Select sibling for checked form elements $(...
Select sibling with General sibling $('E ~ ...
Select tag first parent in jQuery
Select tag inside another tag in jQuery
Select tags from nextAll() by tag name in j...
Select text input element in jQuery
Select the child of a div element in jQuery
Select the first LI element from selected e...
Select the first parent in jQuery
Select the first row in a table $("tr:first...
Select the first span element after clickin...
Select the first span element $("span:first...
Select the first table row in jQuery
Select the first two table cells by Less th...
Select the hidden div tags with hidden sele...
Select the input element by name and then s...
Select the last row in table with last sele...
...
Select element by Combining first selector ...
Select element by checking if if the specif...
Select element by class name in jQuery
Select elements by tag name $("div") in jQu...
Select elements with id attribute in jQuery
Select empty table cell in jQuery
Select even numbered child in jQuery
Select event table row with Even element se...
Select first paragraph with first selector ...
Select first paragraph with given class in ...
Select for Odd table row with odd element s...
Select for nested classes with .myClass.myO...
Select input element by
name a...Select input element by name attribute in j...
Select input element that don't have the na...
Select last paragraph in jQuery
Select not checked form input elements in j...
Select numbered child in jQuery
Select odd numbered child in jQuery
Select paragraph at even position and remov...Select parent with parent selector $("td:pa...
Select sibling for checked form elements $(...
Select sibling with General sibling $('E ~ ...
Select tag first parent in jQuery
Select tag inside another tag in jQuery
Select tags from nextAll() by tag name in j...
Select text input element in jQuery
Select the child of a div element in jQuery
Select the first LI element from selected e...
Select the first parent in jQuery
Select the first row in a table $("tr:first...
Select the first span element after clickin...
Select the first span element $("span:first...
Select the first table row in jQuery
Select the first two table cells by Less th...
Select the hidden div tags with hidden sele...
Select the input element by name and then s...
Select the last row in table with last sele...
...