Bonjour à tous,

Je me permets de solliciter votre aide car je n'arrive pas à écrire une requête qui fonctionne pour mon souci :

J'ai ce code (simplifié pour l'exemple) pour l'affichage d'articles de blog :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="blog-gin">
	<article id="post-127">
		<div class="et_pb_image_container" class="post_gin">
			<img />
		</div>
		<h2 class="entry-title">titre h2</h2>
	</article>
 
 
	<article id="post-200" class="post_gin">
		<div class="et_pb_image_container">
			<img />
		</div>
		<h2 class="entry-title">titre h2</h2>
	</article>
 
 
 
	<article id="post-136" class="post_gin">
		<div class="et_pb_image_container">
			<img />
		</div>
		<h2 class="entry-title">titre h2</h2>
	</article>
 
	<article id="post-154" class="post_gin">
		<div class="et_pb_image_container">
			<img />
		</div>
		<h2 class="entry-title">titre h2</h2>
	</article>
</div>

Je souhaite passer la balise <h2> avant la <div class="et_pb_image_container">, je me dis facile, je fais ça :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
$('#blog-gin .entry-title').insertBefore('#blog-gin .et_pb_image_container');
Et bien il me prends toutes les les balises <h2> et les mets devant toutes les balises <div class="et_pb_image_container">, et là je suis triste...

Je tente ce truc :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
        var x = document.getElementsByClassName("post_gin");
        var i;
        for (i = 0; i < x.length; i++) {
                var ID_post = $(".post_gin").attr('id');
                $(IDpost.' <h2>.entry-title').insertBefore(IDpost.' div.et_pb_image_container');
        }
Et bien sûr, cela ne fonctionne pas...
Si quelqu'un peut m'aider là dessus, ça serait très sympathique !
Merci par avance et bonne journée.
Thomas