JavaScript: ID-Zuweisung schlägt fehl

[forutuna]

Grüßt euch,

ich habe auf meiner Website einen Audioplayer mit drei Songs drinn. Jedes Audio hat eine eigene ID. Wenn man dort jetzt auf dem jeweiligen SOng auf Play klickt, klappt das auch. Nur das Play-Symbol wird bei jedem Song dann geändert und nicht nur bei dem jeweiligen. Wo liegt da noch der fehler?

Pleas show at: www.lichtwerk2.de

Code: Alles auswählen

function playPause(id) {
	if(activeSong !== undefined && activeSong.id !== id) {
	stopSong();
	}
	activeSong = document.getElementById(id);
	if (activeSong.paused){
	activeSong.play($("button").removeClass("play").addClass("pause"));
	}else{
	activeSong.pause($("button").removeClass("pause").addClass("play"));
	}
	}

Ganzer JavaScript Code vom Player falls nötig: https://www.lichtwerk2.de/javascript/audio-player.js

Code: Alles auswählen

<button name="play" type="button" value="play" class="play transition" onclick="playPause&#40;'<?=$row&#91;'titel'&#93;?>'&#41;;"></button>

[afb]

Das liegt daran, dass alle drei Buttons den Namen "button" haben und sich damit die JQuery-Anweisung $("button") auf alle Buttons bezieht.
siehe https://api.jquery.com/element-selector/

Ich hab' mir Deinen Code jetzt nicht im Detail angeschaut, aber Du kannst die Id verwenden, z.B. $("#"+id).removeClass

HTH
Alex