Discussion :

[pierrot10]

Bonjour à tous,

Je dois agir sur une image. Il s'agit de la première image qui se trouve dans le div#content.
Dans ce div, il y a un H1, puis une image. Mais etre l'image et le H1, il peut avoir un paragraphe ou une cotation.

J'aimerais savoir comment jqurey pourrais parcourir le div#content, et dès qu'il rencontre le premier H1, il s'arrete sur la première image qu'il rencontre, et il déplace l'image juste avant le h1.

J'ai essayé ceci (je n'ai pas encore essayé de déplacer l'image)

Code :

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

1
2
3
4
5
6
7
if($("#page_37").length == 1) {
 
  		if($( "#content h1:first" ).next().is('img:first'))
  		{
  			$( "#content h1:first" ).next().css("border:1px solid red");	
  		}
	}

Auriez-vous une piste à me donner autour du next?

Milles mercis

[Toufik83]

Bonjour,

$( "#content img:first" ) ou $( "#content img" ).eq(0) devraient retourner la première <img /> trouvée dans #content

Pour déplacer la première image avant le <h1> tu peux faire ceci :

Code :

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

1
2
 
$("#content h1:first").before($("#content img:first"));

[pierrot10]

Bonjour Toufik83,

Je m'excuse, j'ai oublié de revenir. Ca marche très bien. Merci beaucoup!!