<script>
$('.wo3').append(`<span class="mb ch w">
<span class="w">我</span>
<span class="p1"> wǒ </span>
<span class="p2"> wɔ↝ </span>
<span class="p3"> wɔ3 </span>
<img class="an" src="/Strokeorder/grammar_hsk1/3-1-0-9/wo3.gif">
<a class="sound" data-sound="grammar_hsk1/3-1-0-9/ch/wo3.mp3"></a>
</span>`);
</script>
;(function(){
var player = new Audio()
var buttons = document.querySelectorAll('.sound, table td.ch, table td.p1, table td.p2, table td.p3, table td.en, table td.tc')
buttons.forEach(btn => btn.addEventListener('click', play))
function play(evt) {
evt.preventDefault(); // убирает разворот карточки
evt.stopPropagation(); // убирает разворот карточки
let title = evt.target.title // из title
player.src = `/sounds/${title}`
player.play();
};(function(){
var player = new Audio()
var buttons = document.querySelectorAll('.sound, table td.ch, table td.p1, table td.p2, table td.p3, table td.en, table td.tc')
buttons.forEach(btn => btn.addEventListener('click', play))
function play(evt) {
evt.preventDefault(); // убирает разворот карточки
evt.stopPropagation(); // убирает разворот карточки
let title = evt.target.title // из title
player.src = `/sounds/${title}`
player.play();
}
<li>скрипт работал)