How do we use jQuery selector eq:()?


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>

Updated on: 18-Dec-2019

165 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements