jquery - 画像のホバーにテキストを表示する - rel attr から文字列を取得する

Question

なぜこれがうまくいかないのかわかりません.説明用にハードコードされた文字列を使用してIDで実行できますが、よりグローバルに実行しようとすると、正しく動作しません. 基本的に、画像にカーソルを合わせると、ap("desc") が下にスライドし、その中にテキスト文字列が表示されます。

HTML

<div id="awardCont" class="bottomBlock">
    <div id="award">
        <div class="trophy" rel="foo"></div>
        <div class="trophy"></div>
        <div class="trophy"></div>
        <p id="desc"></p>
    </div>
</div>

助けていただければ幸いです。

JS

$(function() {
        $('.trophy').hover(function() {
            var copy = $(this).attr(rel);
            $('#desc').slideDown('fast').html(copy);
        }, function() {
            $('#desc').slideUp('fast');
        });
    });

Answer 1

引用rel符で囲みます:

.attr('rel')