Modifier un "span" de nom de classe connu

**rambc** · 27/04/2012, 19h30

Bonsoir.

En cette fin de journée, je ne vois pas ce qui ne marche pas dans mon bout de code ci-dessous.

Quelqu'un a-t-il une meilleure vision des choses que moi ? Je sens une erreur pathétique de ma part...

Code :

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
 
    <body>
	<section>
	    <p>
		Un bout de code Python :
		<span class="inlinecode">for i in range(4): print(i)</span>.
		Fin du bout de code.
	    </p>
	</section>
    </body>
 
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 
    <script>
jQuery(document).ready(
    jQuery.each(
	jQuery("span.inlinecode"),
	function() {
	    var code = jQuery(this).html();
	    jQuery(this).html(
		'<span style="color:red;">' + code + '</span>'
	    ); 
        }
    );
);
    </script>
</html>

**danielhagnoul** · 27/04/2012, 22h03

Bonsoir

Avec ce code on obtient un span dans un autre, je ne vois pas le problème ?

Code :

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

1
2
3
4
5
6
7
/*
<span class="inlinecode"><span style="color:red;">for i in range(4): print(i)</span></span>
*/
 
    $( "span.inlinecode" ).each( function( i, item ){
	    $( item ).html( '<span style="color:red;">' + $( item ).html() + '</span>' ); 
    });

**rambc** · 28/04/2012, 11h23

Bonjour et merci.

En fait, c'est le jQuery(document).ready(...) qui bloque tout. Pourquoi ? Est-ce devenu obsolète ?

**SpaceFrog** · 28/04/2012, 13h15

pour englober un span dans un autre il y'a wrap() ...
Et pas besoin de each ...

Code :

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

1
2
3
4
5
<script type="text/javascript">
$(function(){
    $("span.inlinecode").wrap($('<span/>').css({"color":"red"}) )
});
</script>

Maintenant si le but est juste de modifier le style ... pas besoin de mettre un span autour ...

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
$(function(){
    $("span.inlinecode").css({"color":"red"}) 
});
</script>

**rambc** · 28/04/2012, 13h28

En fait, ce bout de code est juste un test. Ce que je vais faire réellement, c'est récupérer le texte du span, le faire analyser par un script JS pour le colorer.

**danielhagnoul** · 29/04/2012, 19h44

Envoyé par rambc

Bonjour et merci.

En fait, c'est le jQuery(document).ready(...) qui bloque tout. Pourquoi ? Est-ce devenu obsolète ?

Code :

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

1
2
3
$(document).ready(function() {
  ...
});

**rambc** · 29/04/2012, 22h13

Au temps pour moi...

Merci.

Modifier un "span" de nom de classe connu

jQuery

Discussions similaires

Partager

Partager