jQuery获取当前元素是其父元素的第几个元素和获取当前元素的第n个子元素的方法

例子如下

<ul>
	<li>第1项</li>
	<li>第2项</li>
	<li>第3项</li>
	<li>第4项</li>
	<li>第5项</li>
</ul>	

1.获取当前元素是其父元素的第几个元素

$('ul>li').mouseover(function(){
	console.log($('ul>li').index($(this)));                
})

获取到的是触发了mouseover事件的li是第几个li。（注意下标是从0开始）
关键方法：index()

2.获取当前元素的第n个子元素

$('.sortList>ul>li').mouseover(function(){
	console.log($('.sortList>ul>li:nth-child(1)').text());
	console.log($('.sortList>ul>li:first-child').text());
	console.log($('.sortList>ul>li').first().text());
	console.log($('.sortList>ul>li').last().text());
	console.log($($('.sortList>ul').find('li').get(0)).text());//这里get(0)方法返回的并不是一个jQuery对象，所以要注意加上$()。
	console.log($('.sortList>ul>li').eq(0).text());
})

参考文章：https://blog.youkuaiyun.com/mooncom/article/details/78095329