Balise div remplacement de contenu

Version imprimable

Bonjour :)
Je ne suis pas un habitué des forums, alors pardonnez-moi, mais je ne sais pas comment mettre un joli bloc pour y insérer du code dedans.

Je vous expose mon problème de manière ultra simplifié ^^
J'ai une vue html de cette forme là:
Code:

1 2 3 <article id="un_numero"> <div id="le_meme_numero_que_l'id_en_haut" class="youtube"> contenu de la div </div> </article>
Au click de cette balise, je récupère l'id de la classe youtube, puis en ajax je transfère cet id vers une autre page pour me générer une autre vue html.
Cette nouvelle vue je souhaite qu'elle remplace le contenu de la balise qui a été clickée.
Le problème que j'ai actuellement c'est que ça me remplace toutes les balises ayant la classe youtube et pas celle qui a été clickée.
Je sais que mon code n'est pas trop mal sauf pour la dernière ligne, le $('.youtube) ne va pas.
J'ai essayé un $(this).attr(id) mais sans succès.
J'ai pas mal cherché sur internet comment faire mais je n'ai pas trouvé de solution d'où ce message.
Je vous met également mon code jquery/ajax:
Code:

1 2 3 4 5 6 7 8 9 10 $(window).ready(function(){ $('.youtube').live('click', function() { $.ajax({ url:"youtube.php?id="+$(this).attr("id"), success: function(html){ $('.youtube').replaceWith(html); } }) }); });
Merci d'avance à ceux qui essaieront de m'aider :)

12/04/2015, 18h22
Invité

Bonjour.

un indice : tu sais récupérer l'id pour le transmettre, mais pas l'utiliser pour la div d'affichage ?
Pourtant c'est le même...

Merci de ta réponse.
Je me doute qu'il y a quelque chose dans ce genre:

Code:

$(this).attr(id).replaceWith(html)

Mais ça ne me fait rien du tout :(
Voilà ce que ça m'affiche dans ma console

Citation:

$(...).attr(...) is undefined

J'ai aussi essayé de faire ça en mettant l'id en variable:
Code:

1 2 3 4 5 6 7 8 9 10 11 $(window).ready(function(){ $('.youtube').live('click', function() { $.ajax({ var id=$(this).attr("id"); url:"youtube.php?id="+id, success: function(html){ id.replaceWith(html); } }) }); });

12/04/2015, 21h48
Invité

personne d'autre pour m'aider...
J'ai aussi essayé d'inséré id avec une fonction, sans succès.
J'ai vraiment cherché mais je sais vraiment pas franchement.
12/04/2015, 22h01
Invité

Comment aurais-tu fais jreaux62?
13/04/2015, 09h04
SpaceFrog

Code:

load()

Code:

1
2
3
4
5
6
7
8
9
10
11
 $(window).ready(function(){
	$('.youtube').on('click', function() {
		var id = $(this).attr("id");
		$.ajax({
			url:"youtube.php?id="+id,
			success: function(txthtml){
				$('#'+id).html(txthtml);			
			}
		})
	});
});

Code:

1
2
3
4
5
6
$(function(){
	$('.youtube').on('click', function() {
		var id = $(this).attr("id");
		$('#'+id).load("youtube.php?id="+id);			
		})
	});