Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
How to access index of an element in jQuery?
To access the index of an element in jQuery, use the eq() method. The eq() method refers to the position of the element and allows you to select a specific element from a matched set based on its zero-based index position.
Syntax
The basic syntax for the eq() method is ?
$(selector).eq(index)
Where index is a zero-based integer indicating the position of the element you want to select.
Example
You can try to run the following code to learn how to access index of an element in jQuery ?
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// Access the element at index 2 (third element) and change its background color
$('ul li').eq(2).css({'background-color':'#E6B16A'});
});
</script>
</head>
<body>
<ul>
<li>India</li>
<li>US</li>
<li>UK</li>
<li>Australia</li>
</ul>
</body>
</html>
In this example, the eq(2) method selects the third list item (UK) since indexing starts from 0, and applies a background color to it.
Conclusion
The eq() method is a simple and effective way to access elements by their index position in jQuery. Remember that indexing is zero-based, so the first element has an index of 0.
923 Views
