通过onclick检索嵌入链接

有人能告诉我为什么我总是通过onclick获得相同的嵌入链接吗？此代码为我提供了一个包含视频的完整列表;通过onclick检索嵌入链接

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

这是videolist的代码：

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

在此先感谢。

来源

2014-09-29 ThomasV

为什么你不使用jQuery库？ – Farshad 2014-09-29 10:57:49

你能告诉我你的意思吗？或者举个例子吗？我试了很多代码，但似乎没有任何工作。 – ThomasV 2014-09-29 11:02:20

我已经发布我的答案和示例代码与jQuery库 – Farshad 2014-09-29 11:13:41

我的解决办法是使用jQuery和点击事件

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

});

JSFIDDLE DEMO

来源

2014-09-29 11:11:39 Farshad

非常感谢，这工作！ – ThomasV 2014-09-29 11:14:22

不客气@ThomasV如果你的问题解决了，请接受我的回答 – Farshad 2014-09-29 11:15:19

通过onclick检索嵌入链接

回答

相关问题