Bonjour,
je dois sélectionner le text node qui suit une classe .highlight dans des blocs html comme suit:
J'ai pas mal googlé, il existe au moins deux plugins pour faire différentes choses avec les text nodes, (http://plugins.learningjquery.com/textchildren/ et http://jqueryjs.googlecode.com/svn/t...ins/textNodes/ )je les ai testés, mais en définitive, NADA
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div id="myDiv"> <p> <span class="highlight">Jour 1</span> Arrivée et accueil à Kautenbach <br/>Vous arrivez à lhébergement en fin daprès-midi soit par train et lhôtelier viendra vous chercher à la gare soit par véhicule personnel, repas du soir et nuit en hôtel 4* <br/> <span class="highlight">Jour 2</span> Kautenbach - Bourscheid <br/>Cette première journée permet dappréhender immédiatement le plaisir de randonner dans ce pays riche dune nature variée et reposante. etc... </p> </div>
Voici, sans plugins ce que j'ai pondu, et je pense toucher au but:
Sauf que nextSibling n'est pas pris en compte et que c'est seulement .highlight qui rougit.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 $('#myDiv p').each(function(){ $(this.childNodes).filter(function(){ if ( this.className == 'highlight' ) return this.nextSibling.nodeType == 3 }) .css('color','red');//pour tester });
J'ai essayé diff. syntaxes dans la fn filter, mais c'est tjs highlight qui ressort,
pas moyen de sélectionner son voisin!
Merci d'avance de vos propositions éclairées![]()
Partager