Как правильно настроить функцию для одинаковых элементов?

Question

[sv2204]

Как правильно настроить функцию для нескольких одинаковых элементов? Вот код:

<div class="plaudio" data="1">text</div>
<div class="plaudio" data="2">text</div>
<div class="plaudio" data="1">text</div>
  <audio id="myaudio" loop ><source src="audio.ogg" type="audio/ogg; codecs=vorbis" /> </audio>
<script>
  function audiopl(){
  var plaudio = document.getElementsByClassName('plaudio');
  for( var i=0; i<plaudio.length; ++i ) {
               var obj = plaudio[i];
   var ell = obj.getAttribute('data');
	if (ell != 1) {	
document.getElementById("myaudio").pause();
} 
else {
document.getElementById("myaudio").play(); 	
  }
  }
}
audiopl();</script>

но этот код срабатывает только для последнего элемента, как сделать что бы он срабатывал на все элементы у которых будет data="1"?

Comments

[OVK2015]

Погуглите data-атрибуты в html5

Answer 1

[Stalker_RED]

Он и сейчас срабатывает для всех элементов, у которых data="1".
Но у вас всего один элемент audio, я не знаю чего вы пытаетесь добиться повторно вызывая на нем .play()

Comments

[Антон Ратник]

Вот и я с минутку подумал и решил не связываться =)

[sv2204]

он как раз срабатывает только для последнего, поставьте в последнем теге в дата 2 например и код срабатывать не будет для перевого

[Stalker_RED]

sv2204: Добавил к вашему коду вывод надписей в консоль https://jsfiddle.net/qu3qsqaa/

[Stalker_RED]

sv2204: И да, я тоже когда-то делал минималистическое "радио с плейлистом"
https://jsfiddle.net/bvd9dmdc/embedded/result/

[sv2204]

Stalker_RED: код вроде рабочий, в консоле показывает что все правильно, но если у последнего тега div в data поставить 2 например, то аудио не срабатывает, хотя в консоле показывает play

[sv2204]

я понял свою ошибку, спасибо!