Obtenir uniquement les éléments qui ne sont pas cachés.. Jquery

J'ai besoin d'obtenir uniquement le show() de jquery boucle foreach

Dans le code ci-dessous j'ai toutes les élément avec la classe de test (j'.e) à la fois caché et le montré... mais faut que voir et pas caché... comment filtrer et d'obtenir que, dans cette ligne elle-même?????

$('.element').find('.test').each(function(index, loopelement) {

 }
C'est vraiment la peine de l'heure (ou deux, max) qu'il prend à lire à travers les jQuery documentation de l'API début à la fin. Vous trouverez toutes sortes de choses que vous ne saviez pas sur (y compris les :visible sélecteur de Rory est à souligner).

OriginalL'auteur Vinoth Babu | 2012-12-19

  1. 24

    Utiliser le :visible sélecteur:

    $('.element').find('.test:visible').each(function(index, loopelement) {
    //do stuff...
});
    +1 pour le pseudo-élément
    Ne fonctionne pas pour les visibility: hidden
    mais la question était: "...à la fois caché et le montré...". Je veux dire, je ne suis pas polémiquer sur les docs. Je les ai lus, et c'est pourquoi je fait ce commentaire que cette solution "n'est pas exactement la réponse à la question"
    Je ne suis pas sûr de ce que tu veux dire. L'OP dit qu'il est actuellement d'obtenir tous les éléments (à la fois caché et le montré) et il veut changer de comportement afin que le sélecteur retourne uniquement les éléments qui sont montré - et c'est exactement ce que ma réponse n'.
    désolé mais aucune;) Votre réponse est tout simplement faux. Encore une fois, la question était de ...mais faut que voir et pas caché.... Votre code ne fonctionnera pas pour les éléments cachés! Il n'est pas sur la sémantique cachée est caché, non-affiché n'est pas affichée à l'écran. Être strict à ce sujet. Votre code ne fonctionnera que pour les éléments affichés. Mate, je viens de vous l'erreur que vous avez fait. Si vous voulez le fixer, faire quelque façon que vous aimez. Je suis juste venu ici pour trouver la réponse à une question, et désolé, mais la réponse est fausse.

    OriginalL'auteur Rory McCrossan

  2. 4

    Vous pouvez utiliser jQuery :visibles sélecteur.

    var $visibles = $(".element").find(".test:visible");

    Mais être conscient de la façon dont travaille jQuery. À partir de jQuery documentation:

    Des éléments visibles si elles consomment de l'espace dans le document.
    Les éléments visibles ont une largeur ou la hauteur est supérieure à zéro.

    Éléments avec visibility: hidden ou opacity: 0 sont considérées comme visibles,
    depuis qu'ils consomment toujours de l'espace dans la mise en page.

    Dans le cas où ce comportement ne convient pas à votre cas d'utilisation, vous pouvez étendre jQuery, la création de vos propres sélecteur:

    $.expr[":"].reallyVisible =
    function reallyVisible (elem) {
        if (elem == null || elem.tagName == null) {
            return false;
        }

        if (elem.tagName.toLowerCase() === "script" || elem.tagName.toLowerCase() === "input" && elem.type === "hidden") {
            return false;
        }

        do {
            if (!isVisible(elem)) {
                return false;
            }

            elem = elem.parentNode;
        } while (elem != null && elem.tagName.toLowerCase() !== "html");

        return true;
    };

function isVisible (elem) {
    var style = elem.style;

    //Depending on your use case
    //you could check the height/width, or if it's in the viewport...
    return !(style.display === "none" || style.opacity === "0" || style.visibility === "hidden");
}

    Il peut être utilisé comme n'importe quel autre construit-dans le sélecteur:

    $(".element").find(".test:reallyVisible");
$(".element").find(".test:first").is(":reallyVisible");

    OriginalL'auteur Bruno