通過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檢索嵌入鏈接

回答

相關問題