Mehrere Nachkommen mit jQuery auswählen?

Question

Ich habe diese Form:

<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> 

Wie kann ich die input und select mit einem jQuery-Selektor wählen?

habe ich versucht, diese aber es ausgewählt alle der wählt und Eingaben auf der Seite:

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

Answer 1

Das Komma in der Selektorzeichenfolge trennt vollständig separate Ausdrücke, genau wie in CSS, sodass der von Ihnen angegebene Selektor die ausgewählten Elemente im Formular namens "Anpassen" und alle Eingaben im Formular (wie beschrieben) erhält). Es klingt wie Sie so etwas wie dies wollen:

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

oder wenn Sie nicht in repitition sind, ist dieses:

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

Answer 2

Für mich Ihren Vorschlag gearbeitet. Sie könnten auch verwenden

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

Beide Selektoren funktionieren, wie ich es sehe. Vielleicht liegt das Problem woanders?

Ich versuchte

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

auf Ihrem Beispiel HTML. Die Schriftgröße für Auswahl und Eingabe wurde geändert.

--- edit ---

oben Mein Vorschlag ist, die richtige ist. Es wählt nur die Elemente im Anpassen-Formular aus.

Answer 3

Eine kürzere Syntax $ (Selektor, parentselector) ist ebenfalls möglich. Beispiel auf dieser Seite:

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

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

Bearbeiten - ich habe vergessen, den besonderen Fall von mehreren Arten von Kindern!