Javascript 我希望在用户单击播放按钮时更改电台名称

我已经准备好了，我只需要jquery/javascript部分的帮助。我想要的是，当用户单击他们在专辑封面上找到的播放按钮时，记录名称/电台标题会发生变化。我还希望“播放器”盒中的唱片/乙烯基开始旋转。现在它在悬停时旋转，但我想改变它

这是小提琴

这里是html代码，因为css有点长

   <div class="grid_12">
            <div class="grid_6 alpha"><!-- record, overflow:hidden -->
            <div id="player">
            <div id="recordbox">
            <div class="record2">
            </div>
            </div>
            <div class="bars-box">
            <div class="player-box">
            <div id="title-player">Now playing:</div><br><strong><span class="player-station">Groove Salad</span></strong>            

现在播放：
Groove沙拉

一块由环境/节奏节奏节奏和凹槽组成的冰镇板
沟槽沙拉
性感圆润的嗓音，大多是女性，具有电子影响力
郁郁葱葱

像这样的东西

$(function(){
    var station = $('.player-station');
    $('.play').click(function(){
        station.text($(this).closest('.album').find('h3').text());
    });
});

演示：

---

对于旋转，您可以使用：

所以，第一件事是首先。。。您需要详细了解ID的使用与类的使用。简单地说：

• ID=元素的唯一标识符
• 类=一系列元素的标识符

我之所以提出这个问题，是因为您有一些奇怪的命名约定，如

class=“lush”

，这些约定没有意义。这应该是一个id，类应该类似于“sleeve”

无论如何，这是更新的代码和小提琴。是的，您可以将其压缩一点（而不是为标题设置一个var），但我想将其展开，以便您可以更好地查看代码。如果你有问题，请告诉我

$('a.play').click(function() {

    var title = $(this).closest('.album').find('.album-title');

    $('span.player-station').text($(title).text());

});​

我还向h3标记添加了一个类，这样您就不会遇到任何问题：

<h3 class="album-title">Lush</h3>

郁郁葱葱 这是小提琴：

---

你看到了吗，当你把鼠标悬停在它上面时，它开始旋转了？我只想在用户单击时将旋转移动到play@benlevywebdesign这里有一个播放和停止按钮的例子：所以现在我只需要从更改名称开始播放，也开始旋转，我想这似乎很容易？@benlevywebdesign是的，只需更改css。我刚刚更新了小提琴，添加了一些其他文本，但似乎无法使该部分工作，我还没有在旋转工作，所以不要担心这一点！谢谢

<h3 class="album-title">Lush</h3>