jQuery中的index()方法是一種非常有用的工具,它能幫助我們獲取元素在指定集合中的位置或序號。這個方法支持多種不同的用法,使得我們能夠在不同的情況下使用它,讓代碼更加靈活和高效。
// 獲取當前元素在同級元素中的位置 $("li").click(function(){ var index = $(this).index(); alert("你點擊的是第" + (index + 1) + "個li元素"); }); // 獲取指定元素在集合中的位置 var $li = $("ul li"); var index = $li.index($(".selected")); alert("選中的li元素在集合中的位置是:" + index); // 搜索指定元素在集合中的位置 var index = $("ul li").index(function(){ return $(this).hasClass("selected"); }); alert("選中的li元素在集合中的位置是:" + index);
可以看到,index()方法非常方便,無論我們需要獲取元素在集合中的位置,還是搜索指定元素在集合中的位置,都可以使用這個方法。需要注意的是,index()方法返回的位置從0開始計數,如果需要用序號展示,需要添加1。