Нажатие содержимого на массив

Question

Я пытаюсь добавить контент из div в массив. В основном, если вы нажмете divs для Apple, Banana и Kiwi, результирующий массив сохранит «Apple, Banana, Kiwi» в том порядке, в котором они были нажаты.

$('.fruit').click(function addFruit() { 
    var fruits = []; 
    var fruit = $(this).text(); 
    fruits.push(fruit); 
    $('.result').text(fruits + ', '); 
}); 

Вот моя скрипка: https://jsfiddle.net/bjhj5p41/2/

Любые идеи?

Answer 1

var fruits = []; // make it global 
$('.fruit').click(function() { // no need to use addFruit here 
    var fruit = $(this).text(); 
    fruits.push(fruit); 
    $('.result').text(fruits); // use (fruits) cause its an array it will return commas itself 
}); 

Working Demo

Дополнительно: Я думаю, нет необходимости, чтобы подтолкнуть то же значение дважды в массиве, так что вы можете использовать

if($.inArray(fruit,fruits) == -1){ 
    // value not in array 
} 

Demo