<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title> Music Playback Audition List </title>
<script src= "Http://libs.baidu.com/jquery/2.0.0/jquery.min.js" ></script>
<body>
<div class= "modal-content" id= "Music_list_box" >
<div class= "Row Music_list_li" id= "Music_list_li_height" style= "" >
<div class= "col-xs-12" >
<ol class= "list-unstyled user_music_list_ol" id= "Play_list_ol" >
<audio id= "Myaudio" src= "" > your browser does not support audio playback </audio>
<li class= "User_music_list" >
<label>song1</label>
<a href= "#" id= "horse" class= "User_doplay" name= "stoped" >
</a>
</li>
<li class= "User_music_list" >
<label>song2</label>
<a href= "#" id= "song" class= "User_doplay" name= "stoped" >
</a>
</li>
<li class= "User_music_list" >
<label>song3</label>
<a href= "#" id= "Horse3" class= "User_doplay" name= "stoped" >
</a>
</li>
<li class= "User_music_list" >
<label>song4</label>
<a href= "#" id= "Horse4" class= "User_doplay" name= "stoped" >
</a>
</li>
<li class= "User_music_list" >
<label>song5</label>
<a href= "#" id= "Horse5" class= "User_doplay" name= "stoped" >
</a>
</li>
</ol>
</div>
</div>
</div>
</body>
jquery implementation of the music playback audition List