$ (this) avec l'enfant et le pseudo-sélecteur

Question

J'ai la sélection ci-dessous, est-il possible de faire fonctionner cette sélection avec $ (this)?

(sélectionnez le deuxième enfant div de .container)

$(".container div:eq(2)").width(); 

Answer 1

Essayez

$(".container").each(function(){ 
    $(this).find("div:eq(2)"); // if its not a direct child 
}); 

Answer 2

Qu'est-ce que vous avez il y a déjà bien. Pourquoi voulez-vous utiliser $(this)? Vous utiliseriez $(this) à titre d'exemple, dans une fonction:

$(".container div:eq(2)").click(function() { 
    if($(this).width > 100) { 
     ... 
    } 
}); 

Answer 3

Quel est le problème avec:

$(this).find("div:eq(2)").width() 

ou:

$("div:eq(2)", this).width() 

?

BTW qui renvoie la largeur de la troisième div descendant de this (qui, contrairement div: nth-enfant (2) peut ou peut ne pas avoir deux frères et sœurs devant elle,: eq() se réfère à la position dans la mise en correspondance pseudo-tableau, pas dans le DOM)