Modifier un "span" de nom de classe connu

Version imprimable

Bonsoir.

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

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

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
<!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>

Bonsoir

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

Code:

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>' ); 
    });

28/04/2012, 11h23
rambc

Bonjour et merci.

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

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

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:

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

28/04/2012, 13h28
rambc

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.
29/04/2012, 19h44
danielhagnoul
Citation:

Envoyé par rambc

Bonjour et merci.

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

1 2 3 $(document).ready(function() { ... });
29/04/2012, 22h13
rambc

Au temps pour moi... :oops: Merci.