问

javascript - jquery 如何排除最后一个li事件呢？

mobiledu2502879827 发布于 2022-11-19 09:02

我希望这个最后li不要点。像天猫一样的。怎么用jquery排除最后一个事件啊？


    
        商品详情
    
    商品评价 
    售后保障
    
        手机购买

/评论点击切换效果/

var $p_li =$("ul.nav3 li");
$p_li.click(function(){
    $(this).addClass("on").siblings().removeClass("on");
    var index = $p_li.index(this);
        $(".product-detail-de > p")
            .eq(index).show()
            .siblings().hide();
});`

我试过给 mobile-buy 加 pointer-events: none;
但鼠标悬停在这个二维码下面没有显示大图的二维码。所以pinter-events:none不是好方法。

本人菜鸟，求大家遇到过的解决分享一下。

4 个回答

$('.nav3').on('click', 'li:not(:last)', function(event){
    // 业务代码
});

或者：

$('.nav3').on('click', 'li', function(event){
    var self = $(this);
    if(self.hasClass('mobile-buy')){
        return false;
    }
    // 业务代码
});

2022-11-19 10:32 回答

baiyanan862273

我觉得楼上的两个方法都行，看你最后的需求了，

例如你这个手机购买，确定永远在最后一个。那么使用
```
var $p_li =$("ul.nav3 li").not(':last');
```
比较好，这样子不怕 class的变化。

如果手机购买不一定在最后一个，建议使用
```
var $p_li =$("ul.nav3 li").not('.mobile-buy');
```
就是以后不要更改 li的class就好。
2022-11-19 10:32 回答

喵喵妈70929
这个简单，直接用not选择就行了
```
var $p_li =$("ul.nav3 li").not('.mobile-buy');
```
2022-11-19 10:32 回答

zvan
```
var $p_li =$("ul.nav3 li:not(:last)");
```
2022-11-19 10:32 回答

真知棒

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签