insertBefore multi éléments
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:
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:
$('#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:
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
