Как проверить, является ли выбранный элемент последним элементом в списке?

#javascript #html #jquery

Как проверить, является ли выбранный элемент с классом one последним элементом с
классом one?

HTML:


    

        
1
        
2
    
    

        
3
        
4
    
    

        
5
        
6
    
    

        
7
        
8
    



JS:

$(document).on('click', '.one', function() {
    if ($(this) == $('.one:last')) {//нужно подправить
        console.log("yes")
    }
})

    

Ответы

Ответ 1

Для этого можно использовать .is():



$(document).on('click', '.one', function() {
    if ($(this).is('.one:last')) {
        console.log("yes");
    }
});

    

        
1
        
2
    
    

        
3
        
4
    
    

        
5
        
6
    
    

        
7
        
8
    







Если элементы с классом .one являются статичными на странице, то несколько лучше
(в плане быстродействия) будет использовать такой вариант:



$(document).ready(function() {
    var $elements = $('.one');
    var lastElement = $elements[$elements.length - 1];
    $elements.on('click', function() {
        if (this == lastElement) {
            console.log("yes");
        }
    });
});

    

        
1
        
2
    
    

        
3
        
4
    
    

        
5
        
6
    
    

        
7
        
8