用于选择带类的输入字段的jQuery选择器

Kis*_*ore 11 javascript jquery

我有

<input type="text" class="required" value="XXX" name="abc">
<input type="hidden" class="required" value="XXX" name="abcd">
<input type="text" class="required" value="XXX" name="abcef">
Run Code Online (Sandbox Code Playgroud)

我有很多像这样的输入字段.

我需要一个jQuery选择器,我可以选择一个类需要的文本字段

现在选择textfield我使用$(':input [type ="text"]')

我如何设置条件来选择class ="required".

编辑

所以说现在我有以下输入字段

<div id="validate_info">
<input type="text" class="required" value="XXX" name="abc">
<input type="hidden" class="required" value="XXX" name="abcd">
<input type="text" class="required" value="XXX" name="abcef">
<input type="password" class="required" value="XXX" name="abcefg">
<input type="text"  value="XXX" name="abcefgsa">
<input type="password" value="XXX" name="abcsaefg">
</div>
Run Code Online (Sandbox Code Playgroud)

我需要一个选择器,可以选择所有type ="text",type ="password",其中class ="required"我试过

$('#validate_info $("input.required").filter("[type="password"],[type="text"]")');
Run Code Online (Sandbox Code Playgroud)

但这似乎不起作用.

Roc*_*mat 13

$(':input.required[type="text"]')
Run Code Online (Sandbox Code Playgroud)

编辑:

这会稍快一些:

$('input.required[type="text"]')
Run Code Online (Sandbox Code Playgroud)

注意:

:input将得到所有的表单元素(<select>,<textarea>等)

input只会获得<input>元素,并且稍微快一些.

  • @Kishore:你必须使用多重选择器:`$('input.required [type ="password"],input.required [type ="password"]')`或filter:`$('input.required ').filter('[类型= "密码"],[类型= "密码"]")` (2认同)

Mik*_*keM 8

$('.required:input[type="text"]')
Run Code Online (Sandbox Code Playgroud)

(也$('input.required[type="text"]'))


Jos*_*kle 6

$(':input[type="text"][class="required"]')
Run Code Online (Sandbox Code Playgroud)

这应该工作

http://jsfiddle.net/ck8wt/

编辑

大声笑......我无法透过树林看到森林.:P我会离开我的,但这只是为了说明这可以做多少方法.XD