Itérer sur chaque élément frère

Contexte:
Je suis en train de construire un formulaire et le script qui va effectuer une requête ajax, basé sur cliquer sur un bouton spécifique. Il y a plusieurs div blocs avec des éléments de la même classe, et basé sur le bloc div dans lequel, un bouton est cliqué, les différentes formes seront traitées.

Dans le cadre de commencer le programme, j'ai commencé avec un apparemment jQuery simple appel.

J'essaye d'ajouter un événement onclick à une catégorie spécifique, et puis essayer d'obtenir la valeur CSS des frères et sœurs de cet élément.

Erreur:
J'obtiens un message d'erreur indiquant que TypeError: this.siblings is undefined.

Question: Quelle est la bonne façon pour itérer sur les frères et sœurs d'un élément à l'aide de jQuery?

Mon code:

HTML:

<a class="btn LiveStatsBtn"><span class="btn-label">Get Stats now</span> </a>

JavaScript:

$(document).ready (function()
{ 
    $('.LiveStatsBtn').click(function(){
        this.siblings.each( function () {
            var tx=this.css();
            alert(tx);
        });
    });
});

source d'informationauteur Droidzone

  1. 17

    JQuery gestionnaire d'événements, this se réfère à l'élément DOM, et n'est pas un objet jQuery. Vous avez de l'envelopper dans un:

    $(this).siblings().each(function() {
  //...
});

    Également noter que les "frères et sœurs" est une fonction, de sorte que vous devez appeler pour obtenir un nouvel objet jQuery qui enveloppe l'élément frères et sœurs.

  2. 1

    siblings est une fonction, donc il a besoin de parenthèses: 

    $(document).ready (function()
{ 
    $('.LiveStatsBtn').click(function(){
        $(this).siblings().each( function () {
            var tx=$(this).css();
            alert(tx);
        });
    });
});

    http://api.jquery.com/siblings/