Sélectionner plusieurs descendants avec jQuery?

Question

J'ai ce formulaire:

<form name="customize">
    Only show results within 
        <select name="distance" id="slct_distance">
            <option>25</option>
            <option>50</option>
            <option>100</option>
            <option value="10000" selected="selected">Any</option>
    </select> miles of zip code
    <input type="text" class="text" name="zip_code" id="txt_zip_code" />
    <span id="customize_validation_msg"></span>
</form>

Comment sélectionner les entrées et select avec un sélecteur jQuery?

J'ai essayé ceci mais il a sélectionné toutes les sélections et les entrées de la page:

$("form[name='customize'] select,input")

Answer 1

La virgule dans la chaîne de sélecteur sépare les expressions complètement séparées, comme dans CSS, de sorte que le sélecteur que vous avez indiqué récupère les éléments sélectionnés dans le formulaire nommé "personnaliser". et toutes les entrées du formulaire (comme vous l'avez décrit). On dirait que vous voulez quelque chose comme ça:

$("form[name='customize'] select, form[name='customize'] input")

ou si vous n'êtes pas dans le repitition, ceci:

$("form[name='customize']").children("select, input")

Answer 2

Une syntaxe plus courte $ (sélecteur, parentelector) est également possible. Exemple sur cette page:

// all spans
$("span").css("background-color","#ff0");

// spans below a post-text class
$("span", ".post-text").css("background-color","#f00");

Modifier - J'ai oublié le cas particulier de plusieurs types d'enfants!

// spans and p's below a post-text class
$("span,p", ".post-text").css("background-color","#f00");

Answer 3

Pour moi, votre suggestion a fonctionné. Vous pouvez également utiliser

form[name='customize'] select, form[name='customize'] input

Les deux sélecteurs fonctionnent comme je le vois. Peut-être que le problème se situe ailleurs?

j'ai essayé

$("form[name='customize'] select, input").css( 'font-size', '80px' );

sur votre exemple HTML. La taille de la police de sélection et d’entrée a été modifiée.

--- modifier ---

Ma suggestion ci-dessus est la bonne. Il ne sélectionne que les éléments du formulaire personnalisé.