Obtenez élément enfant de parent div jquery

Question

J'ai un div

<div id="customFormContact"> 
    .. other elements that don't matter ... 
<input type="hidden" class="formID" value="Custom Product Contact" />  
</div> 

J'utilise la div pour faire une boîte de dialogue jquery avec le bouton Soumettre faire un travail ajax. Dans l'appel ajax je voudrais faire est de retirer la valeur du champ caché. Quelle est la meilleure façon de le faire?

J'ai essayé

var id = $("#customFormContact, .formID").val(); 

En plus

var id = $("#customFormContact > .formID").val(); 

en vain. Avec une alerte de la valeur, je reçois soit un indéfini (avec le premier) ou un blanc avec le second.

Answer 1

laisser tomber le , (multiple selector) et > (child selector), il suffit d'utiliser un espace comme celui-ci:

var id = $("#customFormContact .formID").val(); 

Avec seulement un espace est un descendant selector, et trouverez un .formID comme enfant de toute profondeur à l'intérieur #customFormContact.

Answer 2

var id = $("#customFormContact .formID").val(); 

Answer 3

Qu'en est-:

var id = $("#customFormContact .formID").val(); 

Answer 4

juste donner le champ un ID

id = $('#someID').val();