16

私はこのフォームを持っています:

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

1 つの jQuery セレクターでinputandを選択するにはどうすればよいですか?select

私はこれを試しましたが、ページ上のすべての選択と入力を選択しました:

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

3 に答える 3

39

セレクター文字列のコンマは、CSS のように完全に個別の式を区切るため、指定したセレクターは、「customize」という名前のフォーム内の選択要素と、フォーム上のすべての入力を取得します (説明したように)。次のようなものが欲しいようです：

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

または、繰り返しが苦手な場合は、次のようにします。

$("form[name='customize']").children("select, input")
于 2008-11-09T18:39:02.430 に答える
8

短い構文 $(selector,parentselector) も可能です。このページの例:

// 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");
于 2008-11-09T18:45:49.170 に答える
2

私にとってあなたの提案はうまくいきました。使用することもできます

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

私が見ているように、両方のセレクターが機能します。問題は別の場所にあるのではないでしょうか？

私は試した

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

あなたの例のHTMLで。選択と入力のフォントサイズが変更されました。

- - 編集 - -

上記の私の提案は正しいものです。カスタマイズフォームの要素だけを選択します。

于 2008-11-09T18:28:53.823 に答える