jQuery로 여러 자손을 선택 하시겠습니까?

Question

나는이 양식을 가지고있다 :

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

어떻게 선택할 수 있습니까? input 그리고 select 하나의 jQuery 선택기로?

나는 이것을 시도했지만 페이지에서 모든 선택과 입력을 선택했습니다.

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

Answer 1

선택기 문자열의 쉼표는 CSS와 마찬가지로 완전히 별도의 표현식을 분리하므로 주어진 선택기는 "Customize"라는 형식의 선택 요소와 양식의 모든 입력 내에서 선택 요소를 가져옵니다 (설명대로). 다음과 같은 것을 원한 것 같습니다.

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

또는 반복되지 않는 경우 : 이것은 다음과 같습니다.

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

Answer 2

짧은 구문 $ (선택기, 부모 선발)도 가능합니다. 이 페이지의 예 :

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

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

편집 - 여러 종류의 아이들의 특별한 사례를 잊어 버렸습니다!

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

Answer 3

나에게 당신의 제안이 효과가있었습니다. 당신은 또한 사용할 수 있습니다

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

두 셀렉터 모두 내가 보는대로 작동합니다. 어쩌면 문제가 다른 곳에 있을까요?

나는 시도했다

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

당신의 예에서 HTML. 선택 및 입력의 글꼴 크기가 변경되었습니다.

--- 편집하다 ---

위의 제안은 올바른 것입니다. Customize-Form의 요소 만 선택합니다.