jQuery創建一個使用元素名稱的數組顯示多次

Question

我有這個代碼使用元素名稱創建一個數組，但不是隻顯示一次它顯示數組4次。我現在做錯了什麼？

HTML

<ul> 
    <li><a draggable="true" href="#" id="one" name="uno" class="imgHvr">One</a></li> 
    <li><a draggable="true" href="#" id="two" name="dos" class="imgHvr">2</a></li> 
    <li><a draggable="true" href="#" id="three" name="tres" class="imgHvr">three</a></li> 
    <li><a draggable="true" href="#" id="four" name="sweet" class="imgHvr">4</a></li> 
</ul> 

jQuery的

$("#subBtn").click(function() { 
    var answers = [] 
    $('#bin a').each(function() { 
     answers.push($(this).attr('name')); 
     console.log(answers); 
    }) 
}); 

我已經張貼在這裏Demo

Answer 1

的完整代碼在回答形式：

$("#subBtn").click(function() { 
    var answers = [] 
    $('#bin a').each(function() { 
     answers.push($(this).attr('name')); 
    }) 
    console.log(answers); 
});