jQuery. Записать значение тега в массив

140
29 апреля 2018, 21:04

Итак, имеется плагин ion-sound. Ему передается параметр в виде массива с названиями аудиозаписей, примерно так:

ion.sound({ 
      sounds: [ 
          {name: "Добрый день"}, 
          {name: "Кхм кхм"}, 
          {name: "Россия"} 
      ], 
      path: "audio/", 
      preload: false, 
      volume: 1.0 
}); 
$('.button--audio').on('click', function() { 
  	var valueButton = $(this).text(); 
  	ion.sound.play(valueButton); 
});
<script src="http://ionden.com/a/plugins/ion.sound/static/js/ion-sound/ion.sound.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="card"><button class="button button--audio">Добрый день</button></div> 
			<div class="card"><button class="button button--audio">Кхм кхм</button></div> 
			<div class="card"><button class="button button--audio">Россия</button></div>

В HTML при нажатии на кнопку происходит воспроизведение аудио. Суть в том, что, если нужно добавить новую кнопку, то надо создавать ее не только в HTML, но и записывать новый элемент в массив.
Можно ли сделать, чтобы в JavaScript автоматически происходила запись значений новых элементов при добавлении кнопок в разметку?

Answer 1

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mutation_events

DOMNodeInserted событие добавления элемента, по нему вешай обработчики

READ ALSO
Как работают объекты ООП в JS?

Как работают объекты ООП в JS?

Почитав десяток другой статей об ООП в JS попытался подытожить то, что понял

181
Gulp Critical для нескольких страниц?

Gulp Critical для нескольких страниц?

как правильно за Инлайнить стили для каждой страницы? Сейчас при запуске critical инлайнятся только стили для html и body в файл с <head></head>Страниц...

107
Проблема с вызовом функции в AngularJS

Проблема с вызовом функции в AngularJS

Работаю над созданием метода для добавления новых пользователейКод работал и новые записи добавлялись в базу однако после повторного теста...

108