Ajouter un élément BR avec append

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:

---

$( ".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.

Bonjour,

Citation:

---

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

---

oui :aie:

Tu confonds

Code:

---

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

---

et

Code:

---

$( ".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

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

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" !

finalement j'ai testé...
et

Code:

---

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

---

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

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.

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

Code:

---

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

---

alors que ceci ne fonctionne pas.

Code:

---

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

---

résolu!