Question: How do I get the index of clicked item in the code below?

```
$('selector').click(function (event) {
    // get index in collection of the clicked item ...
});

```

With Firebug I saw this: `jQuery151017197709735298827: 2` (I've clicked in the second element).

Answer: 
```
$('selector').click(function (event) {
    alert($(this).index());
});

```

[jsfiddle](http://jsfiddle.net/bCTAh/)
Siblings
--------

`$(this).index()` can be used to get the index of the clicked element if the elements are siblings.

```
<div id="container">
    <a href="#" class="link">1</a>
    <a href="#" class="link">2</a>
    <a href="#" class="link">3</a>
    <a href="#" class="link">4</a>
</div>

```

```js
$('#container').on('click', 'a', function() {
  console.log($(this).index());
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div id="container">
  <a href="#" class="link">1</a>
  <a href="#" class="link">2</a>
  <a href="#" class="link">3</a>
  <a href="#" class="link">4</a>
</div>
```

---

Not siblings
------------

> 
> If no argument is passed to the `.index()` method, the return value is an integer indicating the position of the first element within the jQuery object **relative to its sibling elements**.
> 
> 
> 

Pass the selector to the [`index(selector)`](https://api.jquery.com/index/#index-selector).

```
$(this).index(selector);

```

**Example:**

Find the index of the `<a>` element that is clicked.

```
<tr>
    <td><a href="#" class="adwa">0001</a></td>
</tr>
<tr>
    <td><a href="#" class="adwa">0002</a></td>
</tr>
<tr>
    <td><a href="#" class="adwa">0003</a></td>
</tr>
<tr>
    <td><a href="#" class="adwa">0004</a></td>
</tr>

```

[**Fiddle**](https://jsfiddle.net/ktg22seu/1/)

```js
$('#table').on('click', '.adwa', function() {
    console.log($(this).index(".adwa"));
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<table id="table">
    <thead>
        <tr>
            <th>vendor id</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><a href="#" class="adwa">0001</a></td>
        </tr>
        <tr>
            <td><a href="#" class="adwa">0002</a></td>
        </tr>
        <tr>
            <td><a href="#" class="adwa">0003</a></td>
        </tr>
        <tr>
            <td><a href="#" class="adwa">0004</a></td>
        </tr>
    </tbody>
</table>
```