jquery - 如何在点击事件上向数组添加值

Question

我想要实现的是读取点击事件的值并将其保存到数组中。我的代码:

<a href='#' class="hotel" data-hotel-name='Holiday Inn'>Add to favourites</a>

var hotelName = [];    
$('.hotel').on('click', function(e){
    e.preventDefault();    
    hotelName.push( $(this).data('hotel-name') );
});    
console.log(hotelName.length);

输出始终为0。有人可以告诉我我做错了什么吗？

Answer 1

您的逻辑很好，您只需在 click 处理程序中修改之后读取数组的length即可:

var hotelName = [];    
$('.hotel').on('click', function(e){
    e.preventDefault();    
    hotelName.push( $(this).data('hotel-name') );
    console.log(hotelName.length); // < read the length of the amended array here
});

Working example