How do we use jQuery selector eq:()?

jQueryWeb DevelopmentFront End Technology

If you want to select an element with a specific index, then use the jQuery selector eq(). Here, set the index number to select the element.

Example

You can try to run the following code to learn how to use jQuery selector eq():

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $("p:eq(1)").css("background-color","red");
});
</script>
</head>
<body>

<h1>Heading 1</h1>
<p class="myclass">This is demo text.</p>
<p>This is another text.</p>
<p>This is demo content</p>

</body>
</html>
raja
David Meador
Published on 16-Dec-2017 07:14:27
Previous Page Print Page
Next Page  
Advertisements