利用jquery选择器中的:eq()未能全部选中所需要的元素

在尝试使用jQuery选择器:eq()为每个具有commonClass的div下的第一个和第二个li元素绑定特定click事件时遇到问题。原本期望第一个li触发一个事件,第二个li触发另一个事件,但实际效果相反。解决方案是绑定奇偶项li,通过修改代码选择索引为偶数的li元素,因为jQuery的索引是从0开始,导致视觉上的奇偶顺序与实际索引的奇偶顺序相反。
摘要由CSDN通过智能技术生成
    最近在写前台js代码的时候犯了一个错误,出现的问题是jquery选择器没用选中全部我需要的元素,具体如下,
...
<div class = 'commonClass divFirst'>
    <ul>
        <li></li>
	<li></li>
    </ul>
</div>
...
<div class = 'commonClass divSecond'>
    <ul>
        <li></li>
        <li></li>
    </ul>
</div>
...
<div class = 'commonClass divThird'>
    <ul>
        <li></li>
        <li></li>
    </ul>
</div>
...

    我想为拥有commonClass样式的所有div下的li元素写两个公用的click事件方法,使得每个div下的第一个li元素触发一个click事件,第二个li元素触发另一个click事件,我写的代码如下:

$doc.on('click', '.commonClass li:eq(0)', function () {
    ...;
});
$doc.on('click', '.commonClasst li:eq(1)', function () {
    ...;
});
    然后发现
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值