jQuery在類選擇器中獲取當前索引

Question

我需要獲取此代碼的當前索引。

$('#smProductWishlist').on('keyup blur keypress', '.smqty', function(e){ 
       console.log($(this).index()); 
       }); 

它不起作用。任何想法？

Answer 1

項目的索引取決於您使用的選擇器。例如，li和list-item可能是第五個li，但是第一個list-item。假設，例如，你正在尋找相對指數類：

<input type="text" class="smqty" placeholder="one" /> 
<input type="text" id="smProductWishlist" class="smqty" placeholder="two" /> 
<input type="text" class="smqty" placeholder="three" /> 
<input type="text" class="smqty" placeholder="four" /> 
<input type="text" class="smqty" placeholder="five" /> 

<script> 
    $('#smProductWishlist').on('keyup blur keypress', function(e){ 
    console.log($('.smqty').index(this)); 
    }); 
<script> 

Answer 2

a.index(b)返回B的索引列表中的一個：

<ul> 
    <li id="foo">foo</li> 
    <li id="bar">bar</li> 
    <li id="baz">baz</li> 
</ul> 

var $elements = $("li") 
$elements.on("click", function(e) { 
    console.log($elements.index($(this))) 
})