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);
});