Friday, 1 March 2013

Write the code for selecting the 1st div, 3rd div, 3rd Last div, last div, and for even and odd div elemets ?

<div class="questions">
    <div class="myDiv"> Question</div>
    <div class="
myDiv"> Question</div>
    <div class="
myDiv"> Question</div>
    <div class="
myDiv"> Question</div>
    <div class="
myDiv"> Question</div>
    <div class="
myDiv"> Question</div>
</div>


first div : $("div.questions > div:first").css("color", "red");
3rd div : $("div.questions > div:nth-child(3)").css("color", "red");

3rd last div : $("div.questions > div::nth-last-child(3)").css 
                    ("color", "red"); 
last div : $("div.questions > div:last").css("color", "red");
even div : $("div.questions > div:even").css("color", "red");
odd div  : $("div.questions > div:odd").css("color", "red");


No comments:

Post a Comment