【求教】JQ input focus 事件有关问题

【求教】JQ input focus 事件问题
HTML 部分

<!-- 注册 1 -->
<div id="zhuce_1">
<ul>
<li>账号邮箱<input class="shurukuang" type="text" value="name@exemple.com" /></li>
<li>设置密码<input class="shurukuang" type="text" value="6-16 位下划线英文数字字母" /></li>
<li>确认密码<input class="shurukuang" type="text" value="请再次输入密码" /></li>
<li>安全邮箱<input class="shurukuang" type="text" value="请输入常用邮箱地址" /></li>
<li>
<input id="xieyi_checkbox" type="checkbox" /><label for="xieyi_checkbox">我同意<a href="javascript:;">淘乐用户注册协议</a>
</label>
</li>
<li><a id="liji_zhuce" href="javascript:;"></a></li>
</ul>
</div>


JQ 部分

// 注册 1
$('.shurukuang').focus(function()
{
alert($(this).index());
})


这 4 个 input 无论我点击哪个 alert 弹出的都是 0,求教育。

先谢谢各位。

【求教】JQ input focus 事件有关问题
------解决方案--------------------
index是指同级兄弟节点的索引,很明显每个li下只有一个input,自然都是0

你可以弹出同级li的索引

alert($(this).parent().index());
------解决方案--------------------
$('.shurukuang') 定位到的是 <input>元素,和他同级的没有其他元素
因为层次其实这下面这样的,所以肯定是 0
<li>账号邮箱
      <input class="shurukuang" type="text" value="name@exemple.com" />
</li>

比较一下这样就能看出区别了:
下面这样几个<input>就有同级元素了,就不会都是0了

<div id="zhuce_1">

        账号邮箱<input class="shurukuang" type="text" value="name@exemple.com" />
        设置密码<input class="shurukuang" type="text" value="6-16 位下划线英文数字字母" />
        确认密码<input class="shurukuang" type="text" value="请再次输入密码" />
        安全邮箱<input class="shurukuang" type="text" value="请输入常用邮箱地址" />
        <input id="xieyi_checkbox" type="checkbox" /><label for="xieyi_checkbox">我同意<a href="javascript:;">淘乐用户注册协议</a>
      </label>
    </li>
    <li><a id="liji_zhuce" href="javascript:;"></a></li>

</div>