Javascript将rel属性赋值给变量

Question

我创建了一个用户图像表,点击后会启动视频.以下是该表的相关部分:

<table>
<tbody>
    <tr>
        <td style="width: 220px;">
        <p><a rel="MP4:webvideos/Featured/Christina" href="#" class="mediamodal videoLink"><img alt="" src="/images/featured/christina.png" /></a><br />
        Overall Vision</p>
        </td> 

        <td style="width: 220px;">
        <p><a rel="MP4:webvideos/Featured/Logan" href="#" class="mediamodal videoLink"><img alt="" src="/images/featured/logan.png" /></a><br />
        Video Control</p>
        </td>
....

现在,我必须使用视频的rel属性才能工作.这是我目前用于获取rel属性的Javascript:

var mediaDetails = $(".videoLink").attr("rel");

这适用于单个文件,但我有一个充满图像的表,需要成为启动视频的可点击链接.

如何将mediaDetails变量分配给rel属性中的特定链接？

Answer 1

var mediaDetails;
$("a.videoLink").click(function(e){
    e.preventDefault();
    mediaDetails = $(this).attr("rel");
});