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

これは単一のファイルにはうまく機能しますが、ビデオを起動するクリック可能なリンクにする必要がある画像でいっぱいのテーブルがあります。

rel 属性にある特定のリンクに mediaDetails 変数を割り当てるにはどうすればよいですか?

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 に答える