Discussion :

[Mister Paul]

Bonjour,

je débute avec jQuery...
je souhaiterais ajouter un lien a href à un titre créé avec jQuery depuis une fonction.

J'ai mis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

jQuery('.video').html(json.title).attr('href',json.url).attr('target','_blank');

Mais je récupère ce résultat

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h4 class="mes classes"  href="https://www.aaaa.fr" target="_blank">Mon titre</h4>

J'aurais voulu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h4 class="mes classes"><a href="https://www.aaaa.fr" target="_blank">Mon titre</a></h4>

Comment s'y prendre ?

Merci pour l'aide
Paul

[Invité]

Bonjour,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<h4 class="video autres classes"></h4>

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
json = {
  'title' : 'Mon titre',
  'url' : 'https://www.aaaa.fr',
}
 
jQuery('.video').append('<a>');
jQuery('.video > a').html(json.title).attr('href',json.url).attr('target','_blank');

[Mister Paul]

Bravo.
Bravissimo.

Je reste toujours émerveillé de voir le code arriver à faire ce qu'on lui demande.
D'autant plus que je n'arrive pas à bien l'exprimer...
Alors ça a toujours quelque chose de magique.


Merci.

[Mister Paul]

Bon, je me suis réjouis trop vite…

Oui le lien en target _blank a bien été généré,
mais Non le contenu textuel n’est pas mis à jour par la fonction alors qu’il le devrait

Bon c’est sans doute de ma faute avec les modifications de code pour essayer de simplifier…


Alors voici :

Code initial avant l’insertion du lien.
L’avant dernière ligne génère le bon texte à chaque lancement de la fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
success: function (json) {
		if (json != 0){
		jQuery('.video').html('');
		jQuery('.video').html(json.title);
		jQuery('.video').next().children().attr('src',json.image);
		jQuery('.video').next().children().css( "cssText", "width: 120px !important" );
		jQuery('.video').next().next().html(json.text);
		jQuery('#end_at').val(json.end_at);
		}

Code actuel :
A l’avant dernière ligne le code génère bien le bon lien,
Mais le contenu textuel n’est plus modifié par la fonction alors qu’il le devrait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
success: function (json) {
		if (json != 0){
		jQuery('.video').html('');
		jQuery('.video').append('<a>');
		jQuery('.video > a').html(json.title).attr('href',json.url).attr('target','_blank');
		jQuery('.video').next().children().attr('src',json.image);
		jQuery('.video').next().children().css( "cssText", "width: 120px !important" );
		jQuery('.video').next().next().append('<a>');
		jQuery('.video > a').next().next().html(json.text).attr('href',json.url).attr('target','_blank');
		jQuery('#end_at').val(json.end_at);
		}

Un dernier petit coup de pouce ?

[Invité]

Bonjour,

montre le code HTML qui va avec.
.next().next() ?

[Mister Paul]

Oops... j'aimerais bien te copier/coller le code html mais je ne vois vraiment pas lequel...


En tous cas, utilisé sur une seule ligne, tel quel, ce code fonctionne et génère le bon texte (mis à jour)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 jQuery('.video').next().next().html(json.text);