JQuery如何获取这个div的数量[重复]答案

【问题标题】：JQuery How to get number of this div [duplicate]JQuery如何获取这个div的数量[重复]
【发布时间】：2021-05-07 22:40:56
【问题描述】：

我有几个 div：

<div class="somediv">text</div>
<div class="somediv">text</div>
<div class="somediv">text</div>
<div class="somediv">text</div>

当我点击第三个 div 时，我想返回数字 3。

我尝试过类似的方法，但没有成功：

console.log($("this").index);

【问题讨论】：

jQuery 有一个索引函数，所以你可以像index() 那样称呼它。发布minimal reproducible example 请包括您的点击事件处理程序

标签： html jquery

【解决方案1】：

你可以这样做：

var index = $(".somediv").index(this);

【讨论】：

【解决方案2】：

去掉引号 - 它应该是console.log($(this).index());。注意：索引以 0 开头。

工作示例：

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
    <div class="somediv">text</div>
    <div class="somediv">text</div>
    <div class="somediv">text</div>
    <div class="somediv">text</div>
</div>

【讨论】：

哦，好吧。我以为我试过了，它说“索引不是函数”，现在我又试了一次，它起作用了......谢谢！