Question

有人可以告诉我为什么我总是通过onclick获得相同的嵌入链接？这段代码给了我一个包含视频的完整列表;

如果我点击链接，我想获得此链接的src。如果我检查元素嵌入是正确的，但是当我点击它时，总是会给我一个警告，其中包含列表第一个视频的嵌入代码。

这是视频录像师的代码：

<ul class="video_list">
      <?php
        $result_video = mysqli_query($con,"SELECT * FROM guestlist_tvs ORDER BY created DESC LIMIT 16");
        while($row = mysqli_fetch_array($result_video)) { 
      ?>
        <li rel='<?php echo $row['video_music_cat'];?>' cat='<?php echo $row['video_cat'];?>'>
          <a onclick="test();" href="#" src='http://www.youtube.com/embed/<?php echo $row['youtube_id']; ?>?rel=0&amp;wmode=transparent' class='video_thumb' id="link">
            <div class="video_img_wrapper"><img class='video_img'src="http://img.youtube.com/vi/<?php echo $row['youtube_id']; ?>/maxresdefault.jpg" width='240px' height='160px'>
            <img class="play_button" src="images/play_button.png" alt="play" /></img></div>
            <h3><?php echo $row['title']; ?></h3>
            <p><?php //echo $row['description']; ?></p>
          </a>
        </li>
      <?php 
        }
        mysqli_close($con);
      ?>
      </ul>

这是我的javascript代码;

function test() {
alert(document.getElementById("link").getAttribute("src"));
}

提前致谢。

Answer 1

我的解决方案是使用jquery和点击事件

$(document).ready(function() {  
    $('.video_thumb').click(function () {
        alert(this.getAttribute("src"));
    });

});

JSFIDDLE DEMO

通过onclick检索嵌入链接

1 个答案: