jquery獲取當前的小孩數

Question

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

現在如何確定點擊h3子元素並用jquery處理它？

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

這不是嗎？

Answer 1

內單擊處理程序中，你必須參考$(this)指向被點擊的元素。嘗試像

$("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

你需要編寫click事件上的H3元素：

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

Working Demo

Answer 3

通this指數函數

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

Answer 4

嘗試的

$("h3").click(function(event){ 
    alert($(this).index() + 1); 
}); 

DEMO