Discussion :

[clavier12AZQSWX]

bonjour,

je souhaite ajouter un retour chariot (nouvelle ligne) dans le 3eme div d'une class déterminée , et ajout d'un texte après.

Code :

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

$( ".maclasse" )[2].append("<br>"+"texte complémentaire");

étrangement, à l'affichage, ça écrit <br> au lieu d'exécuter le retour à la ligne !
j'ai aussi essayé d'ajouté "\n", mais le retour ne se fait pas (et pourtant il est dans le code source du navigateur).

y-a-t-il un souci de ma part , ou c'est un bug qui vient d'ailleurs ?

merci de votre lecture.

[NoSmoking]

Bonjour,

y-a-t-il un souci de ma part , ...

oui

Tu confonds

Code :

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

$( ".maclasse")[2]; // retourne un élément du DOM

et

Code :

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

$( ".maclasse").eq(2); // retourne un objet jQuery

dans ton cas il te faut utiliser la deuxième notation car les interprétations/fonctionnements des deux méthodes append(), existant dans les deux cas, ne sont pas les mêmes entre un élément du DOM et un objet jQuery

Quelle différence y a-t-il entre $(...)[0] et $(...).eq(0) ?

[clavier12AZQSWX]

bonjour,
ok, je vais essayer cette façon lundi matin.

mais la concatennation fonctionnait, c'est juste le "<BR>" qui n'était pas interprété et pire ,il était affiché à l'écran à côté de la chaine " texte complémentaire" !

[clavier12AZQSWX]

finalement j'ai testé...
et

Code :

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

$( ".maclasse" ).eq(2).append("<br>"+"texte complémentaire");

retourne :
undefined comme texte !
ya même plus le "texte complémentaire"

[NoSmoking]

Pas tout compris !

Avec la méthode append() du DOM si tu passes en paramètre une String alors celle-ci est insérée comme du texte brut, voilà pourquoi ton <br> apparaît à l'écran.

La méthode append() de jQuery elle, va chercher à voir ce que tu as essayé de faire et comme il y a un <br> celui-ci sera ajouté comme élément au DOM.

Même nom mais pas même effet !

Nota : Il faut bien sûr que tu ais des éléments ayant pour classe maclasse dans ton code HTML pour que cela fonctionne.

[clavier12AZQSWX]

donc au final, ceci fonctionne très bien (merci NoSmoking)

Code :

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

1
2
$( ".maclasse" ).eq(2).append("<br>");
$( ".maclasse" )[2].append("texte complémentaire");

alors que ceci ne fonctionne pas.

Code :

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

$( ".maclasse" ).eq(2).append("<br>"+"texte complémentaire");

résolu!