javascript - jQuery 在单击跨度时禁用上一个跨度和下一个跨度

Question

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

<a href="#"><span class="glyphicon glyphicon-thumbs-up up"></span>
<a href="#"><span class="glyphicon glyphicon-thumbs-down down"></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');
    }
});  

example on jsfiddle

Answer 1

您尝试查找 HTML 代码中不存在的类 .comment-vote-down

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