从链接中读取rel值，并使用JQuery附加到div

我希望在点击从Youtube加载到我的播放器的视频链接时，读取锚的rel值并将其附加到div中。下面是一个快速代码转储。单击链接时，rel值应附加到视频标题div。谢谢

<div class="video">
<a onclick="player('http://www.youtube.com/v/ylJOn4dEKo0')" href="javascript:void(0);" rel="This is video one.">Video 1</a>
</div>

<div class="video">
<a onclick="player('http://www.youtube.com/v/gXRbiqm-HJA')" href="javascript:void(0);" rel="This is video two.">Video 2</a>
</div>

<div id="video-container">Video plays here</div>
<div class="video-caption">Video caption appended here</div>
</div>

这里播放视频
视频标题附加在这里

像这样的事情应该能让你摆脱麻烦：

$(function()
{
    $('div[class=video] > a').click(function() 
    {
        $('div.video-caption').html($(this).attr('rel'));
    });
});

给你

<div class="video">
<a onclick="player('http://www.youtube.com/v/ylJOn4dEKo0');UpdateTitle(this);" href="javascript:void(0);" rel="This is video one.">Video 1</a>
</div>

<div class="video">
<a onclick="player('http://www.youtube.com/v/gXRbiqm-HJA');UpdateTitle(this);" href="javascript:void(0);" rel="This is video two.">Video 2</a>
</div>

---

这个代码对我来说很好用

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>    
<script type="text/javascript">
     $(function () {
         $(".video a").click(function () {
             $(".video-caption").text($(this).attr("rel"));
         });

     });
</script>

$（函数（）{
$（“.video a”）。单击（函数（）{
$（“.video caption”）.text（$（this.attr（“rel”））；
});
});

似乎不起作用-但没有javascript错误。这里有一个测试页面：它不起作用，因为您需要在DOM就绪时运行此代码。给出的代码非常有效。另外，

div[class=video]

可以写成

div.video

@user310404-您需要在document.ready上添加该代码。您可以使用

$（document）.ready（函数（）{..您的代码..}）来实现这一点成功了！谢谢你的帮助！
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>    
<script type="text/javascript">
     $(function () {
         $(".video a").click(function () {
             $(".video-caption").text($(this).attr("rel"));
         });

     });
</script>