Блог

Я написал некоторый jQuery, чтобы получить значение, а затем сохранить его в переменной без проблем:

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

Теперь, когда у меня есть переменная «youtube», я хотел бы поместить некоторый HTML-код в div с именем «.news_vid_playerL» со значением переменной. Моей целью было сделать это:

 $('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 ?amp;rel=0" frameborder="0" allowfullscreen></iframe>'); 
});
  

Если вы посмотрите на путь src, вы увидите, что я поместил заполнитель youtube , который я хотел бы заполнить значением переменной. Не уверен, как это осуществить.

Спасибо!

Конкатенация строк:

 $(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') '?amp;rel=0" frameborder="0" allowfullscreen></iframe>'); 
    });
});
  

Вам просто нужно извлечь переменную из строки. Для этого вы помещаете первую часть строки, затем добавляете переменную, а затем добавляете остальную часть строки, вот так:

 $('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   '?amp;rel=0" frameborder="0" allowfullscreen></iframe>'); 
});
  

В противном случае JavaScript просто думает, что вы хотите поместить » youtube » в URL, а не значение переменной youtube.

Ммм, вот так:

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

Обратите внимание на часть ‘ youtube ‘ (одинарная кавычка до и после знаков ).

Вы были близки. На самом деле вы включаете строку youtube в свой src. Вам нужно объединить ее в строку следующим образом:

 $('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 '?amp;rel=0" frameborder="0" allowfullscreen></iframe>'); 
});
  

$('.news_vid_playerL').html('<iframe title="Видеоплеер YouTube" width="610" height="420" src="http://www.youtube.com/embed /'   youtube'?amp;rel=0" frameborder="0" allowfullscreen></iframe>');

 $('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 "?amp;rel=0" frameborder="0" allowfullscreen></iframe>'); 
});
  

Просто вырежьте кавычки, вставьте свою переменную и затем продолжайте.