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

**rambc** · 06/01/2012, 08h30

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

**ticroch** · 06/01/2012, 09h23

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

Code :

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

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>

**rambc** · 06/01/2012, 09h45

Merci.

C'est ce que je cherchais...

**Rachel** · 06/01/2012, 09h28

bonjour

une fonction dans ce style ? :

Code :

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

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

**NoSmoking** · 06/01/2012, 12h24

Bonjour,

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 :

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

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.

**rambc** · 06/01/2012, 20h48

Merci pour l'info.

**SpaceFrog** · 08/01/2012, 16h57

pourquoi passer par $.each ?

Code :

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

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

**Macmillenium** · 08/01/2012, 17h49

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) ...

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

jQuery

Vue hybride

Discussions similaires

Partager

Partager