jQuery禁用前一个跨度和下一个跨度，单击span

Question

我在将类应用于前一个元素或下一个元素时遇到了问题。

​

​

<a href="#"><span class="glyphicon glyphicon-thumbs-up up"></span>
<a href="#"><span class="glyphicon glyphicon-thumbs-down down"></span>

当我单击第一个span时，我希望禁用第二个span，反之亦然。

$(document).on('click','.up, .down',function (e){
    e.preventDefault();
    if ($(this).hasClass('up')){
        var down = $(this).parent().nextAll('a.comment-vote-down');
        down.removeClass('disable-link').addClass('disable-link');
    }else if($(this).hasClass('down')){
        var up = $(this).parent().prevAll('a.comment-vote-up');
        up.removeClass('disable-link').addClass('disable-link');
    }
});  

关于小提琴的例子

Answer 1

您试图找到.comment-vote-down代码中不存在的类

https://jsfiddle.net/xnovq390/4/

Answer 2

试试这个：

$(document).on('click','.up, .down',function (e){
        e.preventDefault();
        if ($(this).hasClass('up')){
            var down = $(".down");
            down.removeClass('disable-link').addClass('disable-link');
        }else if($(this).hasClass('down')){
            var up = $(".up");
            up.removeClass('disable-link').addClass('disable-link');
        }
    });  

Answer 3

这是因为你没有带.注释-投票-或者评论-投票--向上的a类。

要么将这一部分从您的nextAll选择中删除：

.nextAll('a');

https://jsfiddle.net/xnovq390/1/

或者，将类添加到HTML中：

<a href="#" class="comment-vote-up">

https://jsfiddle.net/xnovq390/3/