Question

我正在尝试选择具有特定呼叫名称的表单中的所有字段，然后选择所有其他字段。

我的表格：

 <form style="margin:20px 0" id="myform_2">
                <p>  Query Name :
                    <input id="full_text_search" name="name" type="text" class="serialize_1">
                </p>
                <p>  Platform : 
                    <select  multiple="multiple" style="width:370px" id="platform" name="platform" class="serialize_1">
                        <option value="android" selected="selected">Android</option>
                        <option value="ios">IOS</option>
                    </select>
                </p>


                <p>  Full Text Search :
                    <input id="full_text_search" name="full_text_search" type="text">
                </p>
                <p>  Package Name :
                    <input id="package_name" name="package_name" type="text">
                </p>
</form>

我希望第一个选择器用类选择输入：＆＃34; serialize_1＆＃34;。所以我试试这个：

$('#myform_2 :input[class==serialize_1"]');

和第二个选择器以捕获所有其余的所以我试试这个：

$('#myform_2 :input[class!=serialize_1"]');

我错过了什么？

由于

Answer 1

上课：

$('#myform_2 :input.serialize_1');

没有上课：

$('#myform_2 :input:not(.serialize_1)');

Answer 2

获取类使用选择器'。'

$('#myform_2 :input.serialize_1'); - 选择带有类的输入：“serialize_1”

$('#myform_2 :input:not(.serialize_1)'); - 选择器以捕获所有其余的

Answer 3

只需使用class选择器选择serialize_1元素，然后使用not() selector方法选择不属于的元素：

  $('#myform_2 :input').not('.serialize_1').addClass('blue');
  $('#myform_2 :input.serialize_1').addClass('red');

这是一个 WORKING TEST

如何选择具有特定类的表单中的所有字段

3 个答案: