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

时间:2011-08-08 16:00:03

标签: 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">

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

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

现在选择文本字段我使用$(':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>

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

$('#validate_info $("input.required").filter("[type="password"],[type="text"]")');

但这似乎不起作用。

4 个答案:

答案 0 :(得分:13)

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

编辑:

这会稍快一些:

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

注意:

:input将获取所有表单元素(<select><textarea>等。)

input只能获得<input>个元素,而且速度稍快。

答案 1 :(得分:8)

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

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

答案 2 :(得分:6)

$(':input[type="text"][class="required"]')

那应该有用

http://jsfiddle.net/ck8wt/

修改

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

答案 3 :(得分:4)

如果您只是将类添加到选择器中,它应该可以执行您要查找的内容。

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