jQuery: Comment assigner une variable à l'intérieur de .html

J'ai écrit quelques jQuery pour obtenir une valeur, puis la stocker dans une variable sans problème:jQuery: Comment assigner une variable à l'intérieur de .html

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

Maintenant que j'ai la variable « youtube », Je voudrais mettre du HTML dans un div nommé ".news_vid_playerL" avec la valeur de la variable. Mon objectif était de faire:

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

Si vous regardez dans le chemin src, vous verrez que je mets un espace réservé + youtube + que je voudrais remplir avec la valeur de la variable. Je ne sais pas comment retirer ça.

Merci!

Source

2011-04-25 flinx777

concaténation de chaîne:

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

Source

2011-04-25 18:58:53 davin

très cool ... c'est encore mieux;) merci! – flinx777

Vous avez juste besoin d'extraire la variable de la chaîne. Pour ce faire, vous mettez la première partie de la chaîne, puis ajoutez la variable, puis ajoutez le reste de la chaîne, comme ceci:

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

Sinon, JavaScript pense juste que vous voulez mettre « + youtube + » dans l'URL, plutôt que la valeur de la variable youtube.

Source

2011-04-25 18:57:56 BraedenP

impressionnant ... J'apprécie votre réponse! – flinx777

Hummm comme ceci:

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

Notez le '+ youtube +' une partie (la citation unique avant et après les signes +).

Source

2011-04-25 18:58:15

Vous étiez près. Vous êtes en train d'inclure la chaîne + youtube + dans votre src. Vous devez concaténer dans la chaîne comme ceci:

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

Source

2011-04-25 18:59:02

oh très cool ... c'est une solution géniale. Merci! – flinx777

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

Source

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

Il suffit de couper vos citations, insérez votre variable et continuer.

Source

2011-04-25 19:00:28 fedemp

jQuery: Comment assigner une variable à l'intérieur de .html

Répondre

Questions connexes