Javascript 仅更改一次单击的内容，并重置其余内容

音轨列表图像URL:

我有一张音轨列表。如果我单击第一首歌曲播放按钮，并单击第二首歌曲播放按钮，则播放按钮应移至第二首歌曲，第一首歌曲应与往常一样。但产出并不是预期的结果。谁能给我指路吗

我的脚本在这里

function loadSong(song_url, play_img, sequence_id){
    var x = document.createElement("IMG");
    x.setAttribute("src", "images/play.jpg");
    document.getElementById(sequence_id).appendChild(x);
}

---

因为您没有发布HTML结构，所以我假设它类似于：

<div id="container">
    <div class="song">
        <div class="songImgDiv"></div>
        <div class="songTitle">Song 1</div>
    </div>
    <!-- other songs -->
</div>

---

请同时发布一些html代码，非常感谢@samurai。。。让我检查一下我的代码。：）

$('.song').on('click', function () {
    var imgSrc = "images/play.jpg";
    $('.song img.activePlay').remove();
    var img = $('<img/>').prop('src', imgSrc).addClass('activePlay');
    $(this).find('.songImgDiv').append(img);
});