オーディオプレイリスト - 選択中にリストが消える

Question

私はこれに執着しています...私はいくつかのプレイリストと、デフォルトでプレイリストがロードされているメインプレイヤーのセクションを持っています。リストからアイテムをクリックすると、現在のプレイリストをクリックした新しいプレイリストに置き換える必要があります。 私の問題は、プレイリストから 'li'をクリックすると、ローロードが必要なことです。コンテンツがメインプレイリストに読み込まれますが、クリックしたプレイリストから消えてしまいます。私はこれにうんざりしています!!私たちを手伝ってくれますか？ありがとう！

<ul class="audiolist"> 
    <li class="playcon"data="media/x.wav" data-autor="x"></li> 
    <li class="playcon"data="media/x2.wav" data-autor="x"></li> 
</ul> 

<ul class="audiolist" id="randplay"> 
    <li data="media/01.mp3" data-autor="x">Nombre</li> 
    <li data="media/02.mp3" data-autor="x2">Nombre</li> 
    <li data="media/03.mp3" data-autor="x">Nombre</li> 
    <li data="media/04.mp3" data-autor="x4">Nombre</li> 
</ul> 

<audio id="pla" src="" controls="controls";></audio> 

<script> 
    $('.audiolist li').click(function() { 
     var newlist = $(this).parent(); 
     $('#randplay').html(newlist); 

     var audiof = ($(this).attr('data')); 
     var audioautor = ($(this).attr('data-autor')); 

     $('#pla').attr('src',audiof); 
     $('#autorspot').html(audioautor); 
     $('#pla').attr('autoplay','auto'); 

    }); 

</script> 

Answer 1

私はそれを見つけました！ .parent（）の横に.html（）がありませんでした。それがなければ、それはそれをコピーする代わりに内容をつかんだ。皆さんありがとう！

$('.audiolist li').click(function() { 
var newlist = $(this).parent().html(); 
('#randplay').html(newlist);