jQuery - Quel est le moyen le plus efficace de filtrer les premier et deuxième éléments trouvés?

Question

J'utilise le dernier et le plus grand jQuery.

Je vais avoir un dix divs avec le contenu. Au chargement de la page, je dois fermer tous les divs sauf le premier et le second. Seuls les deux premiers divs je veux visible. Sous ces div deux visibles sont "montrer plus" et "montrer moins" boutons. Lorsque l'utilisateur clique sur le bouton Afficher plus, toutes les divs vont glisser vers le bas. Lorsque l'utilisateur clique sur le bouton Afficher moins, tous sauf les deux premiers divs doivent glisser vers le haut.

Je sais comment arriver au premier, le dernier, mais je ne sais pas comment filtrer le premier et le second élément. Je sais que je pourrais faire cela avec plus de bricolage que je ne l'ai déjà fait, mais je veux savoir la façon la plus efficace et la plus lisible de le faire. Pouvez-vous m'aider?

Un chargement de la page, cela devrait passer par et fermer tous, mais les premier et deuxième divs:

$(".BrandParagraph").each(function() { 
    // should close all but first and second 
    $(this).slideUp; 
}); 

$(".ShowMore").click(function() { 
    // slide down all 
    $(".BrandParagraph").slideDown(); 
}); 

$(".ShowMore").click(function() { 
    // slide up all but first and second 
    $(".BrandParagraph").slideDown(); 
}); 

Answer 1

Vous pouvez utiliser gt (n) pour sélectionner des éléments supérieurs à l'indice n:

$(".myDivs:gt(1)") 

Answer 2

Essayez d'utiliser le greather que sélecteur d'index: jQuery :gt(n)

$(".BrandParagraph:gt(1)") 

vous devez modifier votre code à ceci:

$(".BrandParagraph:gt(1)").each(function() { 
    // should close all but first and second 
    $(this).slideUp; 
}); 

$(".ShowMore").click(function() { 
    // slide down all 
    $(".BrandParagraph").slideDown(); 
}); 

$(".ShowLess").click(function() { 
    // slide up all but first and second 
    $(".BrandParagraph:gt(1)").slideDown(); 
}); 

Answer 3

On dirait que vous êtes fini compliquant le problème ... j Ajoutez une classe à ceux qui sont les premiers à divs et sélectionnez-en une. Si votre plié sur la sélection que la première et la seconde, la syntaxe est $(selector).eq(0) et $(selector).eq(1)

Answer 4

Vous pouvez utiliser la méthode slice pour obtenir tous les articles sauf les deux premiers:

$(".BrandParagraph").slice(2).slideUp(); 

Answer 5

Est-ce que cela fonctionnerait? Il semble simpliste, mais il devrait faire le travail ...

var divCount = 1; 

    $(".BrandParagraph").each(function() { 
    if(divCount >2){ 
    // should close all but first and second 
    $(this).slideUp; 
} 
else 
{ 
    divCount++; 
} 
}); 

$(".ShowMore").click(function() { 
    // slide down all 
    $(".BrandParagraph").slideDown(); 
}); 

$(".ShowMore").click(function() { 
    // slide up all but first and second 
    $(".BrandParagraph").slideDown(); 
});