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