1

我创建了一个用户图像表,单击该表将启动视频。这是表格的相关部分:

<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 属性中的特定链接?

4

2 回答 2

6
var mediaDetails;
$("a.videoLink").click(function(e){
    e.preventDefault();
    mediaDetails = $(this).attr("rel");
});
于 2012-10-18T16:15:22.300 回答
0

使用.each().

例如(可能与您的代码无关,因为您没有发布它)

$(".videoLink").each(function() {
   mediaDetails = $(this).attr("rel");
})
于 2012-10-18T16:16:35.117 回答