JQuery的index()方法是一個(gè)非常有用的函數(shù)。它返回一個(gè)元素在父元素中的位置索引。這個(gè)函數(shù)有多個(gè)版本,包括一個(gè)參數(shù)、兩個(gè)參數(shù)和沒有參數(shù)的版本。下面我們會(huì)逐一介紹它們的用法。
1.帶參數(shù)的版本
$(parentEl).index(childEl);
這個(gè)版本的index()函數(shù)接收一個(gè)參數(shù),即要查找位置的子元素,它會(huì)在指定的父元素中查找第一個(gè)匹配的子元素并返回它的位置索引。如果沒有匹配的子元素,則返回-1。
2.帶兩個(gè)參數(shù)的版本
$(parentEl).index(sel);
這個(gè)版本的index()函數(shù)接收兩個(gè)參數(shù)。第一個(gè)參數(shù)是要查找位置的子元素,第二個(gè)參數(shù)是一個(gè)選擇器,指定要在哪些子元素中進(jìn)行匹配。它會(huì)在指定的父元素中查找滿足選擇器條件的第一個(gè)子元素,并返回它的位置索引。如果沒有匹配的子元素,則返回-1。
3.沒有參數(shù)的版本
$(childEl).index();
這個(gè)版本的index()函數(shù)沒有參數(shù)。它會(huì)在所選元素的同級元素中查找第一個(gè)匹配的元素,并返回它的位置索引。如果沒有匹配的元素,則返回-1。
最后,需要注意的是,index()返回的位置索引是從0開始計(jì)算的。