jquery trouver l'élément à côté de l'autre

Salut j'ai le code html suivant:

<p>  
    <input type="text" name="field1"/> <input type="hidden" name="fieldh1"/>  
    <button type="button" class="sendInfo">Send</button>  
</p>  
<p>  
    <input type="text" name="field2" /> <input type="hidden" name="fieldh2"/>  
    <button type="button" class="sendInfo">Send</button>  
</p>

Ce que je veux, c'est que lorsque l'utilisateur clique sur le bouton, j'ai besoin d'envoyer à l'aide d'ajax le contenu de la zone de champ.

C'est ce que je suis en train de faire, sans succès.

$(function() {
        $('button.sendInfo').live('click', function() {
            var id = $(this).parent().next('[type=text]').val();
            alert(id);
        });
    });

J'ai l'intention de définir les types de l'utilisateur dans la zone de texte pour le champ caché, et la valeur reçue à partir de l'appel ajax à la normale de la zone de texte. Mais le problème est que je ne peux même pas obtenir la valeur de la zone de texte qui est dans la même ligne que le bouton de l'utilisateur clique.
Quelqu'un peut-il m'aider?
Merci beaucoup.

OriginalL'auteur thiagoleite | 2010-05-20

  1. 18

    Essayer:

    $(this).siblings('input:text').val();

    Ou modifier next à find:

    $(this).parent().find('[type=text]').val();

    comme next cherche uniquement le immédiate suivantes frère.

    OUI! Cela fonctionne bien: $(this).parent().find('[type=text]").val(); Merci pour votre aide à l'homme
    trouver ne fonctionne que si il n'y a rien entre les deux..

    OriginalL'auteur karim79

  2. 2

    Je peux utiliser jQuery.next() fonction.

    J'ai essayé d'utiliser next(), ne pourrais pas le faire fonctionner.

    OriginalL'auteur cyberw0lf

  3. 1

    Votre problème, c'est que "next()" est de passer à la suivante, de frère, de la parent et le parent est le <p> marque, de sorte que l'enfant, si elle existe, est la suivante <p> tag.

    Vous voulez $(this).parent().children('[type=text]').val() ou $(this).parent().find('[type=text]')

    OriginalL'auteur Jacob Mattison

  4. 0

    Que vous pouvez sélectionner votre zone de texte à l'aide de l'id ?

    $(function() { 
   $('button.sendInfo').live('click', function() {
      //what about this:
      var id = $('#textBoxID').val();
      alert(id); 
       //or this
      var id2 = $('+ input', this).val(); 
      alert(id2);
    }); 
});
    Non parce que j'ai beaucoup de zones de texte et je ne veux pas définir des gestionnaires d'événements pour tous individuellement. J'ai besoin d'identifier la zone de texte juste avant le bouton enfoncé
    ok, alors, peut-être, quelque chose qui ressemble à la deuxième option devrait fonctionner...

    OriginalL'auteur Rbacarin