獲取與jQuery

Question

我試圖得到一個嵌套li項的索引值，一旦我點擊了項目本身的嵌套列表項的索引值。

正如你可以在控制檯上看到我能得到沒有正確嵌套在項目的指標值，但嵌套的有給我0或1，而不是2或3，自然。

有沒有辦法找到li的索引值，即使它在ul內的另一個div裏面？

$('li a').on('click', function() { 
 
    console.log($($(this)["0"].offsetParent).find('li')); 
 
    console.log($(this).parent().index()) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><a href="#">Item 0</a></li> 
 
    <li><a href="#">Item 1</a></li> 
 
    <div class="group"> 
 
    <li><a href="#">Item 2</a></li> 
 
    <li><a href="#">Item 3</a></li> 
 
    </div> 
 
    <li><a href="#">Item 4</a></li> 
 
</ul>

Answer 1

您正在使用index()財產以錯誤的方式，試試這個代碼。

$('li a').on('click', function() { 
 
    console.log($(this).index("a")); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><a href="#">Item 0</a></li> 
 
    <li><a href="#">Item 1</a></li> 
 
    <div class="group"> 
 
    <li><a href="#">Item 2</a></li> 
 
    <li><a href="#">Item 3</a></li> 
 
    </div> 
 
    <li><a href="#">Item 4</a></li> 
 
</ul>