Считайте значение rel из ссылки и добавьте к div с помощью JQuery

Question

Я хочу прочитать значение rel привязки и добавить его в div, когда нажимаю на ссылку, которая загружает видео с Youtube в мой проигрыватель.Быстрый дамп кода ниже.При щелчке по ссылке значение 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>

Answer 1

Что-то вроде этого должно избавить вас от неприятностей:

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

Answer 2

у меня этот код работает нормально

<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>

Answer 3

Вот, пожалуйста ...

<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>

JS:

function UpdateTitle(obj)
{
   $(".video-caption").html($(obj).attr("rel"));
}