Question

我已经写了一些jQuery来获取一个值，然后将它存储在一个变量中没问题：

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

现在我有了变量“youtube”，我想在一个名为“.news_vid_playerL”的div中放入一些带有变量值的HTML。我的目标是这样做：

$('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 +，我想用变量值填充它。不知道如何解决这个问题。

谢谢！

Answer 1

您只需将变量拉出字符串即可。为此，您将字符串的第一部分，然后附加变量，然后追加字符串的其余部分，如下所示：

$('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 +”，而不是youtube变量的值。

Answer 2

字符串连接：

$(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>'); 
    });
});

Answer 3

嗯这样：

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

请注意'+ youtube +'部分（+符号前后的单引号）。

Answer 4

你很亲密。你实际上在你的src中包含了字符串+ youtube +。您需要将其合并到字符串中，如下所示：

$('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>'); 
});

Answer 5

$('.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>');

Answer 6

$('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>'); 
});

只需剪切报价，插入变量然后继续。

jQuery：如何在.html中分配变量

6 个答案: