[jQuery] .index() 取得某元素於指定的元素列表中的 索引值(index)

API說明文件：https://api.jquery.com/index/

因為曾經沒仔細看api ，導致程式一直出錯，所以做個筆記

有三種用法

1. 不加任何參數 ： .index()
   取得第一個符合的元素之索引值
    
2. 加入選擇器來篩選： .index(selector)
   直接放入字串，就可以自動轉譯成選擇器
   如 $('.obj').index('.list'); // 找出 .obj 在 .list中的索引位置。
    
3. 直接放入html元素篩選：.index(element)
   也可以直接把 jquery物件 或 DOM 物件 放進去，但用法上跟上面的方法會反過來
   如 $('.list').index($('.obj')); // 找出 .obj 在 .list中的索引位置。

舉例來說，

<ul>
  <li>A</li>
  <li>B</li>
  <li class="list">C</li>
  <li class="list active">D</li>
  <li class="list">E</li>
</ul>

則 
var ind = $('li').index($('.active'));  // ind=2
等同於
var ind = $('.active').index();
等同於
var ind = $('.active').index('li');

如果加入字串參數，則會變成
var ind= $('.active').index('.list'); // ind=1
等同於
var ind = $('.list').index($('.active'));