Как сделать смену кнопок при нажатии можно на JS или JQuery?

Есть список аудио с кнопками play pause. Нужно что бы при нажатие на Play эта кнопка исчезала и появлялась PAUSE и наоборот. Задача сложна тем что кнопки должны меняться только на против определённого аудио трека, а не по всему сайту. Кнопки как и всё содержимое сайта создаются динамически, поэтому назначать каждой кнопки свой айдишник не вижу возможности.
----------------------
Код здесь:
codepen.io/vvv7220/pen/vYVPwwz?editors=1010
---------------------И маленько кода здесь:

 $(document).ready(function(){	 
let btn_play = document.querySelectorAll('.btn_play'); 
let btn_pause = document.querySelectorAll('.btn_pause'); 
let player = document.getElementById('player'); 
let button = document.querySelectorAll('button'); 
button.forEach(function(item){ 
        $(item).on('click', function() { 
                $(this).toggleClass('noneshow'); 
         if ( $('.btn_play').css('display') == 'none'){ 
                        $('.btn_pause').toggleClass('show'); 
                    }     
        }); 
        }); 
        });