jQuery在类Selector

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)返回列表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)) )
})