Seléctionner l'enfant d'un élément particulier

Version imprimable

21/12/2014, 14h55
EthanPlg

Seléctionner l'enfant d'un élément particulier

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 ?
21/12/2014, 15h18
NoSmoking

Bonjour,

Citation:

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/
21/12/2014, 15h28
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 ?

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

Code:

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:

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>

21/12/2014, 15h50
EthanPlg

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

Merci
21/12/2014, 17h46
NoSmoking

lien pas inutile : :faq: Utilisation du DOM