在jQuery中查找另一个div中的div元素的索引[重复]

Question

我需要一个简单的脚本来提醒我某个 div 中某个 div 的索引号。

悬停在第一个框上给出它的索引 (0)，然后另一个给出 1,2,3 等。 我正在寻找的结果是第三个和第四个 .box div 会在 .box-container 中给出它们的索引，所以 0 然后 1 而不是它们在整个文档中的索引。我将如何处理这样的任务？我知道我的代码很接近，只是不够接近。

$(".box").mouseover(function() {
  console.log($(".box").index($(this)));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box-container">
  <div class="box">0</div>
  <div class="box">1</div>
</div>

<div class="box-container">
  <div class="box">2</div>
  <div class="box">3</div>
</div>

Answer 1

您正在搜索.box 特定于类的index() 函数以获取元素的索引。由于其获取元素的增量方式索引存在问题。

如果你确实使用$this 他们的index() 它可以工作。

下面是例子：

$(".box").mouseover(function() {
  console.log($(this).index());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box-container">
  <div class="box">0</div>
  <div class="box">1</div>
</div>

<div class="box-container">
  <div class="box">2</div>
  <div class="box">3</div>
</div>