如何在click事件上为数组添加值

Question

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

<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

您的逻辑很好，您只需要在之后阅读数组的length，然后在click处理程序中对其进行修改：

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