jquery - chaque / cliquez sur la fonction ne fonctionne pas

EDIT: cela fonctionne, mais vous ne savez pas pourquoi?

  $('button').each(function() {
    $(this).bind(
        "click",
        function() {
            alert($(this).val());
        });
  });

Je ne suis pas sûr de savoir pourquoi cela ne fonctionne pas... maintenant, j'essaye juste à la sortie d'une alerte avec le bouton de la valeur, mais il ne fonctionne pas sur ma page. Je ne reçois pas toutes les erreurs de la console de Firebug et ne peut pas voir tout ce qui pourrait l'empêcher de fonctionner.

Mon code HTML ressemble à ceci:

<table id="addressbooktable">
<thead>
    <tr>
        <th>Name</th>
        <th>Action</th>
    </tr>
</thead>

<tbody>
    <tr>
        <td>7892870</td>
        <td><button id="button-20" class="custom-action" value="XY89" name="info">Click</button></td>
    </tr>

    <tr>
        <td>9382098</td>
        <td><button id="button-21" class="custom-action" value="XY544" name="info">Click</button></td>
    </tr>

    <tr>
        <td>3493900</td>
        <td><button id="button-22" class="custom-action" value="XY231" name="info">Click</button></td>
    </tr>
</tbody>
</table>

Et le code ressemble à ceci:

  $('button').each(function() {
    $(this).click(function() {
      alert($(this).val());
    }
  });

Mais, en cliquant sur elle ne fait rien du tout? Suis-je l'utiliser de façon incorrecte?

Probablement pas le problème, mais vous n'avez pas besoin .chaque, vous pouvez utiliser .cliquez sur un objet jQuery avec plus d'un nœud et il va se lier entre eux tous.
marquer une réponse?

OriginalL'auteur newbie-shame | 2010-12-21

  1. 20

    Vous pouvez lier tous les boutons avec un cliquez sur l'événement de ce genre, il n'est pas nécessaire pour parcourir en boucle

    $(function(){
    $("button").click(function() {
        alert($(this).attr("value"));
    });
});

    Mais plus précis sélecteur peut être:

    $(function(){
    $("button[id^='button-'").click(function() {
        alert($(this).attr("value"));
    });
});
    Merci, cela fonctionne!
    marquer comme réponse?
    C'est beaucoup plus efficace, car le sélecteur est déjà titulaire de référence pour les éléments, plutôt que de traiter chaque() de l'élément comme un élément distinct.

    OriginalL'auteur hunter

  2. 7

    Il vous manque un );, et assurez-vous que votre code est dans un document.ready gestionnaire, comme ceci:

    $(function() {
  $('button').each(function() {
    $(this).click(function() {
      alert($(this).val());
    }); //missing ); here!
  });
});

    De cette manière, il ne fonctionnera pas jusqu'à ce que ces <button> éléments dans le DOM pour $('button') pour les trouver. Aussi, vous pouvez exécuter .cliquez sur() sur un ensemble d'éléments, comme ceci:

    $(function() {
  $('button').click(function() {
      alert($(this).val());
  });
});
    oups, bien repéré +1

    OriginalL'auteur Nick Craver

  3. 1

    Il vous manque ):

    $('button').each(function(){
            $(this).click(function(){
                alert($(this).val());
            });
        });

    OriginalL'auteur Ashraf Abusada

  4. 0

    Yup. Essayez ceci:

    $('button').click(function() {
      alert($(this).val());
  });

    Vous pouvez également un return false ou .preventDefault().

    OriginalL'auteur lnrbob

  5. 0

    Vous ne pouvez pas utiliser .val() méthode pour le bouton. Vous pouvez utiliser .attr() pour obtenir la valeur de l'attribut. Si vous utilisez des attributs personnalisés ensuite utiliser attribut data-.

    Essayer

    $("button").click(function(){
    alert($(this).attr("value"));
});
    Salut, merci pour les réponses... Après l'affichage, j'ai utilisé "lier" et il semble fonctionner... vous vous Demandez si quelqu'un peut expliquer pourquoi cela fonctionne dans ce cas, mais pas dans l'original? Je suis en train de modifier mon post pour montrer ce que je l'ai changé pour...
    vous ere manque un ); dans votre code, il n'est donc pas valide...voir ma réponse 🙂

    OriginalL'auteur rahul