【求教】JQ input focus 事件有关问题
【求教】JQ input focus 事件问题
HTML 部分
JQ 部分
这 4 个 input 无论我点击哪个 alert 弹出的都是 0,求教育。
先谢谢各位。

------解决方案--------------------
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了
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,求教育。
先谢谢各位。
------解决方案--------------------
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>