<ul class="video3-ul">
<li><img src="images/xx.png" alt="">
<div class="video3-yy">
<audio class="music" src="aaa.mp3" loop>你的浏览器不支持audio标签。</audio>
<a class="audio_btn" href="javascript:playPause();"><img src="images/tu25.png" alt="" class="music_btn"></a> <br/>
</div>
</li>
<li><img src="images/xx.png" alt="">
<div class="video3-yy">
<audio class="music" src="aaa.mp3" loop>你的浏览器不支持audio标签。</audio>
<a class="audio_btn" href="javascript:playPause();"><img src="images/tu25.png" alt="" class="music_btn"></a> <br/>
</div>
</li>
<li><img src="images/xx.png" alt="">
<div class="video3-yy">
<audio class="music" src="aaa.mp3" loop>你的浏览器不支持audio标签。</audio>
<a class="audio_btn" href="javascript:playPause();"><img src="images/tu25.png" alt="" class="music_btn"></a> <br/>
</div>
</li>
</ul>
$(".video3-yy").each(function(){
$(this).click(function(){
var music = this.getElementsByClassName("music")[0];
if(music.paused){
music.play();
$(this).children(".music_btn").attr("src","images/tu25-1.png");
}else{
music.pause();
$(this).children(".music_btn").attr("src","images/tu25.png");
}
})
});
图片的改变src没有效果，这是为什么？？？？？

children("music_btn")