jQueryクラスセレクタの現在のインデックスを取得

Question

このコードで現在のインデックスを取得する必要があります。

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

これは機能しません。何か案が？

Answer 1

アイテムのインデックスは、使用するセレクタによって異なります。例えば、クラスlist-itemを有するliは、第5のliでもよいが、第1の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)は、リストAに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))) 
})