jquery find specific child code example

Example 1: jquery get child div

$(this).children('div').show();

Example 2: jquery specific child by index

<div class="second">
    <div class="selector" id="selFirst">Number One</div>
    <div class="selector" id="selSecond">Number Two</div>
    <div></div>
</div> 
<script>
	var index = 0
 	console.log($('.second').children().eq(index).text());
 	//Number One
</script>

Example 3: jquery find tag and class

$(".txtClass")                  =>  getElementsByClassName()

$("#childDiv2 .txtClass")       =>  getElementById(),
                                    then getElementsByClassName()

$("#childDiv2 > .txtClass")     =>  getElementById(),
                                    then iterate over children and check class

$("input.txtClass")             =>  getElementsByTagName(),
                                    then iterate over results and check class

$("#childDiv2 input.txtClass")  =>  getElementById(),
                                    then getElementsByTagName(),
                                    then iterate over results and check class

Tags:

Html Example