jQuery的：如何給一個變量賦值的.html

裏面我已經寫了一些jQuery來得到一個值，然後將其存儲在一個變量沒有問題：jQuery的：如何給一個變量賦值的.html

$(document).ready(function(){ 
    $('a.news_video_player_list').click(function() { 
    var youtube = $(this).attr('id'); 
     $('.news_vid_playerL').html('youtube'); 
    }); 
});

現在，我有變量「YouTube」的視頻，我想將一些HTML放在一個名爲「.news_vid_playerL」的div中，其值爲變量值。我的目標是要做到這一點：

$('a.news_video_player_list').click(function() { 
var youtube = $(this).attr('id'); 
    $('.news_vid_playerL').html('<iframe title="YouTube video player" width="610" height="420" src="http://www.youtube.com/embed/+youtube+?&rel=0" frameborder="0" allowfullscreen></iframe>'); 
});

如果您在src路徑看，你會看到我把一個佔位符+ YouTube的+我想用變量的值來填充它。不知道如何解決這個問題。

謝謝！

來源

2011-04-25 flinx777

字符串連接：

$(document).ready(function(){ 
    $('a.news_video_player_list').click(function() { 
     $('.news_vid_playerL').html('<iframe title="YouTube video player" width="610" height="420" src="http://www.youtube.com/embed/'+$(this).attr('id')+'?&rel=0" frameborder="0" allowfullscreen></iframe>'); 
    }); 
});

來源

2011-04-25 18:58:53 davin

很酷......那更好;）謝謝！ – flinx777 2011-04-25 19:01:22

你只需要將變量拉出字符串。要做到這一點，你把字符串的第一部分，然後附加的變量，然後將字符串的其餘部分，像這樣：

$('a.news_video_player_list').click(function() { 
var youtube = $(this).attr('id'); 
    $('.news_vid_playerL').html('<iframe title="YouTube video player" width="610" height="420" src="http://www.youtube.com/embed/' + youtube + '?&rel=0" frameborder="0" allowfullscreen></iframe>'); 
});

否則，JavaScript的只是認爲你想要把「+的YouTube +」在URL中，而不是youtube變量的值。

來源

2011-04-25 18:57:56 BraedenP

真棒...我感謝您的回覆！ – flinx777 2011-04-25 19:02:54

嗯這樣的：

'<iframe title="YouTube video player" width="610" height="420" src="http://www.youtube.com/embed/' + youtube + '?&rel=0" frameborder="0" allowfullscreen></iframe>'

注意 '+的YouTube +' 部分（之前和之後的+號單引號）。

來源

2011-04-25 18:58:15

你接近。你實際上在你的src中包含字符串+ youtube +。你需要把它concatinate到字符串像這樣：

$('a.news_video_player_list').click(function() { 
var youtube = $(this).attr('id'); 
    $('.news_vid_playerL').html('<iframe title="YouTube video player" width="610" height="420" src="http://www.youtube.com/embed/'+youtube+'?&rel=0" frameborder="0" allowfullscreen></iframe>'); 
});

來源

2011-04-25 18:59:02

哦非常酷...這是一個很棒的解決方案。謝謝！ – flinx777 2011-04-25 19:02:00

 
$('.news_vid_playerL').html('<iframe title="YouTube video player" width="610" height="420" src="http://www.youtube.com/embed/' + youtube '?&rel=0" frameborder="0" allowfullscreen></iframe>');

來源

2011-04-25 19:00:17

$('a.news_video_player_list').click(function() { 
var youtube = $(this).attr('id'); 
$('.news_vid_playerL').html('<iframe title="YouTube video player" width="610"  height="420" src="http://www.youtube.com/embed/"+youtube+"?&rel=0" frameborder="0" allowfullscreen></iframe>'); 
});

就砍你的報價，插入變量，然後繼續。

來源

2011-04-25 19:00:28 fedemp

jQuery的：如何給一個變量賦值的.html

回答

相關問題