selector : 2ème fils du premier fils (dans la famille span)

Bonjour,

Mon problème est assez simple mais spécifique :

Code:

---

1 2 3 4 5 6 7 8 9 10

<button> <span> <span> A </span> <span> B </span> </span> </button>

---

A partir de l'object button, j'aimerais changer le texte B.

J'ai essayé multitude de choses comme :

Code:

---

object_button.find(':first-child').find(':last-child').html('C');

---

Mais je n'y arrive pas, et je ne trouve pas sur google vu la spécificité du problème.

Merci d'avance si vous pouvez m'aider!

A mon avis, tu devrais revoir ta structure et ajouter des classes par exemple pour faciliter la recherche...

Sinon :

Code:

---

$('button > span > span').eq(1)

---

Salut, merci pour ta réponse.
Je ne peux pas (facilement) changer la structure, c'est du code généré par un plugin javascript.
Par contre, il y a une classe sur le span englobant, comme ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10

<button> <span class="la-class"> <span> A </span> <span> B </span> </span> </button>

---

J'ai essayé ça :

Code:

---

object_button.find('span > span').eq(1).html('aaa');

---

Mais sans succès :(

En fait je me suis trompé, l'objet n'était pas le bouton, mais le <span> dedans (qui a peut-être même disparu à cause d'un autre plugin..ahah).

Soit... pour finir j'ai fais un .html() sur le vrai objet bouton en remettant les span que je voulais, et ça fonctionne.

Code:

---

$('button span:eq(0) span:eq(1)').html()

---