Sélecteur span suivant

Bonjour,

Je n'arrive pas à trouver le bon sélecteur pour ceci :

Code:

1
2
3
4
5
6
7
8
9
<div style="width: 492px; border-width: 0px 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; overflow-y: auto; overflow-x: hidden;">
<div class=" nicEdit-main " contenteditable="true" style="width: 484px; margin: 4px; min-height: 99px; overflow: hidden;">
Mon texte que j'écris dans un WYSIWYG
<br>
</div>
</div>
<textarea id="0_textarea" class="editor" style="width: 492px; display: none;" rows="6" name="headline">Mon texte que j'écris dans un WYSIWYG<br></textarea>
<br>
Il y a <span id="count_0" class="countchar">76</span> caractères.

J'aimerai faire un compteur de caractères de ce type :

Code:

1
2
3
4
$(".nicEdit-main").live('keyup blur change', function () {
        var countChar = $(this).text().length;
       $(this).nextAll("span.countchar:first").html("<strong>" + countChar + "</strong>");
    });

Le countChar fonctionne, il calcule bien le nombre de caractère, en revanche je n'arrive pas à l'écrire dans le span.countchar qui est situé en dessous.

J'ai plusieurs textarea WYSIWYG dans la même page d'où l'écriture uniquement dans le span.countchar qui suit immédiatement le $(this)

Merci pour votre aide !

http://jsfiddle.net/U6dWB/1/

Merci pour la réponse, en revanche ça ne résous pas mon problème...
Comme j'ai précisé, il peut y avoir plusieurs textarea/WYSIWYG sur la page, je ne peux pas identifier directement le span ($'#count_0').

C'est pour cela que je cherche une solution pour identifier le span qui est juste après le <div><div><textarea>.

Merci !

http://jsfiddle.net/U6dWB/2/

Parfait merci !

j'ai rajouté un .parent() car ma structure de <div> n'étais pas tout à fait la même mais nickel !

Code:

$(this).parent().nextAll(".countchar:eq(0)").text(countChar);