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

Question

我需要一个简单的脚本，将提醒我与索引号的某些div在一个div。

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

null

$(".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>

null

Answer 1

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

如果您使用$this他们的index()，它就会工作。

下面是例子:

null

$(".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>