如何找到數組中元素的索引

Question

說我有類似於以下內容的html

<ul>
  <li> hi </li>
  <li> hoi </li>
  <li> privyet </li>
  <li class="selected"> bonjour </li>
  <li> hallo </li>
</ul>

我使用jQuery獲取ul所有li元素

$("ul li")

我怎樣才能獲得的索引li與類元素selected的jQuery的陣列內li元素？

Answer 1

var index = $("ul li.selected").index();

試試看： http : //jsfiddle.net/xXT9r/

Answer 2

帶有索引： http ： //api.jquery.com/index/

描述：從匹配的元素中搜索給定的元素。

// Text
$("ul li.selected").index("ul li");

帕特里克（Thx Patrick）

// jQuery object
$('ul li.selected');
var index = $("ul li").index(elem);

// search Within siblings
$("ul li.selected").index();

所有3個演示： http : //jsfiddle.net/xXT9r/4/

Answer 3

對我來說，如果您已經完成了$("ul li") ，那么您想避免再次執行（如果您還沒有完成，那么我肯定會使用patrick的方法 ）。 假設您將jQuery對象存儲為items 。 您可以這樣做：

var pos = items.index(items.filter(".selected"));

小提琴： http : //jsfiddle.net/Nk3Aj/ （公然偷了帕特里克的並更新了:-)）

這使用index的第二個變體：

如果在元素集合上調用了.index（），並且傳入了DOM元素或jQuery對象，則.index（）返回一個整數，該整數指示所傳遞的元素相對於原​​始集合的位置。

同樣，如果您已經完成$("ul li")部分，這將很有用。