How do we use jQuery selector eq:()?

jQuery Web Development Front 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>

David Meador

Published on 16-Dec-2017 11:44:27

Previous Page Print Page