Discussion :

[EthanPlg]

Bonjour,

Le titre renvoie a un problème qui a l'air plutôt simple, pourtant je rencontre une difficulté. Je souhaiterais sélectionner le premier enfants d'un bloc span (celui ci ne contient qu'une balise div, ce afin de modifier les propriétés de ce div).
Seulement j'aimerais que cela fonctionne pour tout les éléments span que j'ai a gérer. J'ai donc essayer de coder quelque chose comme cela : $(this+':first-child'), mais cela ne fonctionne pas.

Ma question sera donc un peu plus générale, comment peut-on manipuler this, pour ajouter a cela ensuite d'autres sélecteurs ?

[NoSmoking]

Bonjour,

Je souhaiterais sélectionner le premier enfants d'un bloc span (celui ci ne contient qu'une balise div, ce afin de modifier les propriétés de ce div).

cette construction n'est pas conforme.

La documentation est quand même bien faite http://api.jquery.com/category/selec...chy-selectors/

[EthanPlg]

J'ai pourtant tout essayé
"span > div" Sélectionne malheureusement tout les éléments qui valide le critère. J'aimerais qu'il s'applique uniquement a l’élément qui génère l’événement, j'ai donc besoin d'y intégrer un this ?

[NoSmoking]

tu peux utiliser les méthodes find() ou encore children() pour récupérer les éléments contenus.
exemple

Code :

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

1
2
3
4
5
6
7
8
9
10
$(function(){
    $('div').on('click', function(e){
        // avec find
        var oEnfant = $(this).find( 'SPAN');
        // ou encore 
        var oEnfant = $(this).children();
        // affichage du contenu du 1st élément
        console.log( oEnfant.eq(0).html());
	});
})

fais l'essai avec le HTML suivant

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
<div>
  <span>Texte #1</span>
  <span>Text #1.1</span>
</div>
<div>
  <span>Texte #2</span>
  <span>Text #2.1</span>
</div>
<div>
  <span>Texte #3</span>
</div>
<div>
  <span>Texte #4</span>
</div>

[EthanPlg]

La méthode children c'est pile-poil ce qu'il me fallait =)

Merci

[NoSmoking]

lien pas inutile : Utilisation du DOM