jquery .index( ) 的用法

Example: 返回ID爲bar的元素相對於同輩的索引值。
<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>
<script>
 var index = $('#bar').index();  // 獲取當前jquery對象在同輩元素中的index
</script>


-----------

Example: 返回ID爲bar的元素的索引值。
<ul>
    <li id="foo">foo</li>
    <li id="bar">bar</li>
    <li id="baz">baz</li>
</ul>
<script>
  var index = $('li').index( $('#bar') );  // 獲取當前的 jquery 對象 在$("li") 集合中的index
</script>


-----------
Example: 返回dom元素的索引值。
<div>First div</div>
<div>Second div</div>
<div>Third div</div>
<script>
  var index = $("div").index(this);  // 獲取當前點擊的div（dom對象） 在$("div") 集合中的index
</script>


-----------

Example: 因爲沒有元素的ID爲foobar，因此返回 -1。
<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>
<script>
var index = $("li").index( $('#foobar') ); // -1 獲取不存在於集合中的jquery對象
</script>


-----------

Example: 返回jQuery集合中第一項的索引值。
<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>
<script>
 var index = $('li').index( $('li:gt(0)') ); // 獲取多個 jquery 對象在$("li") 集合中的index，結果是多個jq對象中第一個的index值。
</script>


-----------

Example: 返回ID爲bar的元素相對於全部 <li> 元素的索引值。
<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>
<script>
 var index = $('#bar').index('li'); // 獲取當前jquery對象在dom集合中的index
</script>


-----------