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");
});

Answer 2

使用.each()。

例如

（可能与您的代码无关，因为您没有发布它）

$(".videoLink").each(function() {
   mediaDetails = $(this).attr("rel");
})

Javascript将rel属性赋值给变量

2 个答案: