让Jquery记住attr()和data

表从mysql加载它的条目。当用户单击按钮时，它会创建一个新的表行，作为一个带选项的下拉菜单。用户可以选择他们想要的选项，它会将他们的选择添加到购物车中，并根据他们选择的选项将图像更改为"mp32.png"，"wav2.png"或"track2.png"，如果他们再次点击mp3, wav或track按钮，它会将图像更改回原始状态并删除项目。当再次点击下拉按钮时，它将通过删除表行来关闭下拉菜单。但是，如果用户重新点击下拉按钮再次显示选项，则会将图像重置为原始状态，并忘记它们已添加到购物车中。期望的目标是，一旦一个项目被选中，它的attr()和data()会被记住，即使表行被删除，如果再次创建表行，它仍然会显示"mp32.png"，"wav2.png"，"track2.png"并记住数据。以下是目前为止的内容:

<?php
while($sound=mysql_fetch_assoc($records)){
    echo "<tr class='adder'>";
    echo "<td width='40' class='player'>&nbsp;&nbsp;<a href='beats/".$sound['downloadlink']."' class='sm2_button'>Play/</a></td>";
    echo '<td width="250" class="name">'.$sound['name'].'&nbsp;&nbsp;&nbsp;<span class="red date">'.$sound['date'].'</span></td>';
    echo "<td width='88' class='bpm'>".$sound['bpm']." B.P.M.</td>";
    echo "<td width='72' class='length'>".$sound['length']."</td>";
    echo "<td width='275' class='keywords'>".$sound['keywords']."</td>";
    echo "<td width='96' class='buy'><img class='button' src='buy.png' data-link='".$sound["downloadlink"]."' data-wavlink='".$sound["wavlink"]."' data-tracklink='".$sound["tracklink"]."'/>";
    echo "</tr>";
    }
?>

$('.button').on('click', function () {
    var thisRow = $(this).parents('tr.adder');
    var hasNextRow = thisRow.next('tr.added').length;
    if (hasNextRow) {
        thisRow.next('tr.added').remove();
    } else {
        $(this).parents('tr.adder').after(
            '<tr class="added"><td height="100" colspan="2" ><img class="mp3buy" data-product-id="'
            + $(this).data('link')
            + '" src="mp31.png"/></td><td height="100" colspan="2" ><img class="wavbuy" data-product-id="'
            + $(this).data('wavlink')
            + '" src="wav1.png"/></td><td height="100" colspan="2" ><img class="trackbuy" data-product-id="'
            + $(this).data('tracklink')
            + '" src="track1.png"/></td></tr>'
        );
    }
});
$('#mytable').on('click', ".mp3buy", function () {
    var flag = $(this).data('flag');
    simpleCart.add({
        name     : $(this).data("product-id"),
        price    : .99,
        quantity : (flag ? -1 : 1)
    });
    $(this).attr("src", flag ? "mp31.png" : "mp32.png");
    $(this).data('flag', !flag);
});
$('#mytable').on('click', ".wavbuy", function () {
    var flag = $(this).data('flag');
    simpleCart.add({
        name     : $(this).data("product-id"),
        price    : 1.99,
        quantity : (flag ? -1 : 1)
    });
    $(this).attr("src", flag ? "wav1.png" : "wav2.png");
    $(this).data('flag', !flag);
});
$('#mytable').on('click', ".trackbuy", function () {
    var flag = $(this).data('flag');
    simpleCart.add({
        name     : $(this).data("product-id"),
        price    : 4.99,
        quantity : (flag ? -1 : 1)
    });
    $(this).attr("src", flag ? "track1.png" : "track2.png");
    $(this).data('flag', !flag);
});
$(".empty").on('click', function(){
    $(".mp3buy").attr("src", "mp31.png");
    $(".mp3buy").removeData();
});
$(".empty").on('click', function(){
    $(".wavbuy").attr("src", "wav1.png");
    $(".wavbuy").removeData();
});
$(".empty").on('click', function(){
    $(".trackbuy").attr("src", "track1.png");
    $(".trackbuy").removeData();
});