Xác định chỉ mục con trong đó là phụ huynh

Question

Làm cách nào để xác định chỉ mục của một phần tử trong phần tử gốc? Giả sử bạn có cấu trúc DOM sau và bạn đã đặt nhấp vào trình xử lý sự kiện cho các div con. Khi mỗi người trong số họ được nhấp vào, tôi muốn biết chỉ mục của nó liên quan đến div cha mẹ.

<div class="parent"> 
    <div class="child">...</div> 
    <div class="child">...</div> 
    <div class="child">...</div> 
    <div class="child">...</div> 
</div> 

Answer 1

Để có được một chỉ mục trong một yếu tố trong mẹ (giữa anh chị em thực sự) sử dụng .index() mà không cần bất kỳ thông số, ví dụ:

$(".child").click(function() { 
    alert("Index: " + $(this).index()); 
}); 

You can test it out here.