Existe-t-il un "POUR CHAQUE CLASSE DE NOM..." ?

Version imprimable

Bonjour,
dans le code ci-dessous, j'utilise des classes bidons du type "no1", "no2",... pour repérer certains SPAN particuliers, puis j'affiche leurs ID.

Ma méthode présente un gros inconvénient car il faut connaître le dernier numéro utilisé dans "no...".

Peut-on éviter cela ? Je pensais à utiliser une méthode du type "POUR CHAQUE CLASSE DE NOM special RECUPERER SON id ET L'UTILISER".

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
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
 
	<style type="text/css">
.special {
    color: green;
}
        </style>
    </head>
 
    <body>
	<section>
	    <p>
		Testons
		    <span class="special no1" id="UN TEXTE JS1">
			un mot 1
		    </span>
		et
		    <span class="special no2" id="TEXTE JS2">
			un mot 2
		    </span>
	    </p>
	</section>
    </body>
 
    <script charset="utf-8" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script>
$(document).ready(function(){
    for (i=1; i<=2; i++){
        var className = ".no" + i.toString();
        var texte = $(className).attr("id");
        
        $(className)
            .css('color', 'red')
            .html(texte);
    }
});
    </script>
</html>

Si je comprends bien c'est un truc comme ca que tu veux :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<script>
$(document).ready(function(){
    $.each($(".special"),function() { // fait une boucle sur chaque element contenant la classe "special"
        var texte = $(this).attr("id"); // selectionne son id
        $(this)
	    .css('color', 'red')
	    .html(texte);              // insert le texte dans la balise
 
    });
</script>

bonjour :)
une fonction dans ce style ? :

Code:

1
2
3
4
5
var arr = $('.special');
 
    jQuery.each(arr, function() {
      this.innerHTML = this.getAttribute('id');
   });

06/01/2012, 09h45
rambc

Merci. :ccool: C'est ce que je cherchais...

Bonjour,

Citation:

Envoyé par rambc

Ma méthode présente un gros inconvénient car il faut connaître le dernier numéro utilisé dans "no...".

tu peux également utiliser les sélecteurs "étendus"
Code:

1 2 3 4 5 6 7 8 $(document).ready(function(){ var tout = $('[class*=" no"]'); // contenant espace+no $.each( tout, function(){ $(this) .css('color', 'red') .html( $(this).attr("id")); }); });
mais c'est juste pour info.

06/01/2012, 20h48
rambc

Merci pour l'info. :ccool:

pourquoi passer par $.each ?

Code:

1
2
3
4
5
6
7
8
 
$(document).ready(function(){
    $('[class*=" no"]').each(function(){
    $(this)
      .css('color', 'red')
      .html( $(this).attr("id"));
    });
});

08/01/2012, 17h49
Macmillenium

Citation:

Envoyé par SpaceFrog

pourquoi passer par $.each ?

C'est peut-être plus simple de passer par $.each() puisque quand tu fais $(selecteur).each(), jQuery appelle en interne jQuery.each( this, callback, args ) (Cf. le code de l'API) ...