Comment puis-je obtenir toutes les zones de texte à l'intérieur d'un div en fonction de sa classe nom?

C'est vraiment à ralentir mon cours ce matin. Toute aide serait incroyable. Voici mon code que j'utilise pour tenter d'obtenir chaque zone de texte:

$('.contactInfo input[type="text"]').each(function () { 

});

Le code ci-dessus fonctionne, mais il conserve l'accaparement sélectionnez les boîtes ainsi. J'ai essayé à l'aide d'une virgule entre le nom de la classe et de type d'entrée identifiant ainsi qu'un certain nombre d'autres façons d'obtenir de chaque zone de texte (:entrée :texte, type=text, etc.). Pardonnez mon style sur ici que je suis complètement nouveau pour poser des questions et n'ai pas encore eu le coup de la mise en forme.

Remarque: .contactInfo est une classe attribuée à la div qui contient les zones de texte que je veux obtenir. Aussi, je suis en utilisant le choisi plugin jquery pour mon style de sélectionner les boîtes ainsi. Cela peut ou peut ne pas avoir quelque chose à voir avec mon problème, je voulais juste que vous le savez tous.

Merci d'avance pour tout ce que vous les gars peut m'aider avec!

mise à Jour: j'ai essayé toutes les solutions énumérées ici. Chacun attrape la boîte de sélection, cependant, il ne renvoie pas son id. Donc, je suis juste en utilisant une solution de contournement qui vérifie si l'id est null pour que je puisse l'ignorer pendant les itérations. J'ai vraiment apprécier chacun de vous pour votre participation! Merci!

  • Il serait mieux si vous montrez votre html.
  • $('input.contactInfo[type="text"]').each(function () { });
  • ce ne prévoyez faire avec les zones de texte à l'intérieur de la div?
  • Ne pas ramasser les listes de sélection - j'ai fait un rapide test: jsfiddle.net/tTSxV je ne peux que la figure, il ya quelque chose de mal avec votre code HTML.
  • Votre code fonctionne pour moi comme c'est... jsfiddle.net/HKVuf - mais @nekaab a une meilleure sélecteur ci-dessous.
  • Je suis assez sûr de mon code HTML est ok, je suis certain qu'il est de mon jquery qui n'est pas correct.
  • Je suis à la validation de l'information à l'aide de mon propre balisage afin que je puisse les transmettre au serveur.

InformationsquelleAutor thebdawk05 | 2013-06-25
  1. 6

    Voir http://api.jquery.com/text-selector/:

    $('.contactInfo input:text')

    • Vous n'avez même pas besoin input:text, c'est redondant. :text sélectionne pour les entrées de type texte.
    • Cependant, l'ajout d' input le rend plus rapide. Voir les docs.
    • Je n'avais pas pris le sujet de l' :pseudoselectors, merci pour cette remarque pour moi. input:text est la meilleure façon d'aller. Merci, @SLaks.
    • Si vous êtes à la recherche pour les performances, le mieux serait d'utiliser input[type=text] alors
    InformationsquelleAutor nekaab
  2. 5
    $(".contactInfo").find("input[type=text]")

    Cela devrait trouver toutes les zones de texte à l'intérieur de ce div (.info contact). Une autre chose à noter est que la méthode find() va être beaucoup plus rapide que les sélecteurs de contexte.

    http://jsperf.com/jquery-find-vs-context-sel

    InformationsquelleAutor Learner
  3. 0

    essayer cette

    $(".contactInfo").children("input[type=text]").each(function(){
    //Do stuff here
});
    InformationsquelleAutor reggaemahn