Discussion :

[scargot]

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

[SpaceFrog]

essaye un truc de ce genre

Code :

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

1
2
3
4
5
6
 
$('#blog-gin').find('article').each( 
  function(){
     $art= $(this); 
     $art.find('.et_pb_image_container').insertBefore( $art.find('.entry-title') );
  });

[scargot]

Un énorme merci !
ça fonctionne !!!

Il fallait juste inverser la requête inserBefore

Code :

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

1
2
3
4
5
6
 
$('#blog-gin').find('article').each( 
          function(){
             $art= $(this); 
             $art.find('.entry-title').insertBefore( $art.find('.et_pb_image_container') );
          });

Passe une très bonne journée !

Thomas

[SpaceFrog]

Arf oui désolé , je lai fait vite fait sans regarder l'ordre, un mise en oeuvre m'aurait permis d'éviter cette inversion
https://jsfiddle.net/voL1eg5z/3/

[scargot]

Ne t'excuse pas ! ;-)
Je suis ravi du résultat !