jquery中，不同的父元素下获取子元素的当前下标的索引

最近有个同事在写项目，他用的是jquery来写页面，当时他遇到了一个问题，代码如下：

html ：

<div class="so">
	<div id="1" class="jqclass">11111</div>
	<div id="2" class="jqclass">2222222</div>
</div>
<div class="so">
	<div id="3" class="jqclass">333333</div>
	<div id="4" class="jqclass">444444</div>
</div>

js：

$(".jqclass").click(function(){
	console.log($(this).index())		//0,1,0,1
})

以上的代码按顺序点击输出了 0,1,0,1
但是我换了另一种写法，顺序点击后输出的却完全不一样
html ：

<div class="so">
	<div id="1" class="jqclass">11111</div>
	<div id="2" class="jqclass">2222222</div>
</div>
<div class="so">
	<div id="3" class="jqclass">333333</div>
	<div id="4" class="jqclass">444444</div>
</div>

js：

$(".jqclass").click(function(){
	console.log($(".jqclass").index(this))		//0,1,2,3
})

以上代码却输出了0，1，2，3
好奇怪，为啥，有哪位大神路过的，求指教。。。