jquery get current number of child

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 1

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

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


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

});

<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>

Answer 2

Pass this inside index function

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