Question: ```
<div id="sample">
  <h3>headline 1</h3>
  <h3>headline 2</h3>
  <h3>headline 3</h3>
</div>

```

How is it now possible to determine the clicked h3 child element and process this with jquery?

```
var id = $("h3").index();

```

this is'nt it?

Answer: 
Inside click handler, you have to refer to `$(this)` to refer to the clicked element. Try like

```js
$("h3").on("click",function(){

  alert($(this).index());

});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="sample">
  <h3>headline 1</h3>
  <h3>headline 2</h3>
  <h3>headline 3</h3>
</div>
```
You need to write the click event on h3 elements:

```
$("h3").click(function() {
  var index= $(this).index();
  alert(index);
});

```

**[Working Demo](http://jsfiddle.net/6rm371mo/)**