Discussion :

[kristen44]

Bonjour,

Dans un scrpit j'ai parfois besoin de modifier le contenu html d'un header.

Ce script contient une variable, disons 'ma_cible', qui doit servir à préciser quel header est visé par l'opération.
Je n'arrve pas à transmettre l'information à Jquery . J'ai essayé :

Code :

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

$('header:eq(ma_cible)').html(texte);

et aussi :

Code :

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

$('header:nth-child(ma_cible)').html(texte);

Aucun des deux ne fonctionne ; appremment eq() et nth-child ne supportent pas les variables...
Merci de votre aide

[mathieu]

si "ma_cible" est une variable qui contient l'identifiant d'une balise, vous pouvez construire le sélecteur comme ça :

Code :

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

$("#" + ma_cible)...

[kristen44]

Non, j'aurais du préciser que c'est un entier, un compteur qui me dit que, par exemple, la formule doit s'appliquer au cinquième header du document

[headmax]

Salut, la pseudo classe :nth-child(entier) te conviendra amplement :

Il s'agit d'un sélecteur capable de cibler un unique via son entier index un seul élément HTML ou un range en utilisant n+entier n-entier il peut aussi être combiné en plusieurs pseudo classe :nth-child(n+1):nth-child(n-5) pour cibler un groupe élément html à partir de n index > vers n index inférieur .. etc.

plus d'information

Code CSS :

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

1
2
3
4
 
header:nth-child(5){
  background-color:red;
}

Démo :

https://codepen.io/headmax/pen/jaYLXX

[kristen44]

On dirait bien que non car il semble qu'on ne peut pas lui passer de variables ; elle n'accepte que des entiers.

Voici un bout de mon code

Code :

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

1
2
3
 
var myOSM = <?php echo $OSM; ?>;
var txt=$('header:nth-child(myOSM)').html();

et le HTML produit par PHP :

Code :

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

1
2
3
 
var myOSM = 1;
var txt=$('header:nth-child(myOSM)').html();

Il ne fait pas du tout ce que je souhaite. Par contre si je code 'en dur' :

Code :

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

1
2
 
var txt=$('header:nth-child(1)').html();

là, ça marche nickel-chrome...

[headmax]

Essaye de Caster ta donné en integer (forcer la variable pour qu'elle soit un entier en pas un string). Pour voir si ça marche

Code :

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

1
2
3
 
var myOSM = <?php echo $OSM; ?>;
var txt=$('header:nth-child( ' + parseInt(myOSM) + ')).html();

[kristen44]

J'ai trouvé ! C'est en écrivant mon dernier post que l'inspiration m'a foudroyé !

Au lieu de créer une variable javascript supplémentaire, il suffit d'injecter directement la variable PHP de cette façon :

Code :

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

$('header:nth-child(<?php echo $OSM; ?>)').html();

Et tout roule ! Merci de votre attention et de votre aide.