Getting the Index of an Item in a Selection - J Query

« Previous Topics
Convert A Selected Jquery Object Into A Raw Dom Object
Reducing The Selection Set To A Specified Item
Looping Through A Set Of Selected Results
Next Topics »
Making A Unique Array Of Values From An Existing Array
Performing An Action On A Subset Of The Selected Set
Configuring Jquery Not To Conflict With Other Libraries

Problem
When binding an event for a wide range of selected elements on a page, you need to know exactly which item was clicked from the selected set to “personalize” the action of the bound event.

Solution

When we click an item, we can use the core method index() to search through a selection to see what index the item is at:

Getting-the-Index-of-an-Item-in-a-Selection

Figure : shows the output

We start by binding all <div>elements to a click event. Then when a <div>is clicked, we can figure out which <div>was clicked by searching for the item in the same selection: $("div").index(this);, where this is the <div>that was clicked.

Discussion
The core method index() allows you to get the index of the DOM element you are looking for from a jQuery set. As of jQuery 1.2.6, you can also pass in the index of a jQuery collection to search for. The method will return the index of the first occurrence it finds:
« Previous Topics
Convert A Selected Jquery Object Into A Raw Dom Object
Reducing The Selection Set To A Specified Item
Looping Through A Set Of Selected Results
Next Topics »
Making A Unique Array Of Values From An Existing Array
Performing An Action On A Subset Of The Selected Set
Configuring Jquery Not To Conflict With Other Libraries

List of Tutorials

List of Topics

Interview Questions

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

J Query Topics