Passer une variable à eq() ou nth-child ?

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:

---

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

---

et aussi :

Code:

---

$('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

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

Code:

---

$("#" + ma_cible)...

---

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

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:

---

1 2 3 4

header:nth-child(5){ background-color:red; }

---

Démo :

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

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:

---

1 2 3

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

---

et le HTML produit par PHP :

Code:

---

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:

---

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

---

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

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:

---

1 2 3

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

---

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:

---

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

---

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

Merci dans ce cas de mettre ton post en résolu ;) si tu veux bien.