用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"的表单中的select元素以及表单上的所有输入(如您所述).听起来你想要这样的东西:

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

或者如果你没有重复,这个:

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

Answer 2

更短的语法$(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");