javascript - 如何使用jquery在数组中搜索指定的值

Question

我想在数组中搜索特定值并返回其索引。

html:

<div class="container">
  <div class="col-md-6">
    <div id="task0">Task0</div>
  </div>
  <div class="col-md-6">
    <div id="task1">Task1</div>
    <div id="task2">Task2</div>
    <div id="task3">Task3</div>
    <div id="task4">Task4</div>
  </div>
</div>

j查询:

$(document).ready(function() {

  $childArr = $(".col-md-6:last").children().toArray();

  $indexNumber = $.inArray("div#task3", $childArr);

  console.log($indexNumber);

});

不幸的是我得到-1。这意味着找不到指定的值。但为什么我得到 -1 ？如果我在 console.log 中输出 $childArr，我会得到一个包含此值的数组 (4) [div#task1, div#task2, div#task3, div#task4].

https://jsfiddle.net/DTcHh/39987/

Answer 1

如果你想获取 .col-md-6:last 中元素的 index 你可以使用 index() 函数

$(document).ready(function() {

  var index = $(".col-md-6:last #task3").index();
  

  console.log(index);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div class="col-md-6">
    <div id="task0">Task0</div>
  </div>
  <div class="col-md-6">
    <div id="task1">Task1</div>
    <div id="task2">Task2</div>
    <div id="task3">Task3</div>
    <div id="task4">Task4</div>
  </div>
</div>