Селектор 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= ".

ИЗМЕНИТЬ

так скажите, теперь у меня есть следующие поля ввода

<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"]")');

но это, похоже, не работает.

Ответ 1

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

ИЗМЕНИТЬ:

Это будет немного быстрее:

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

Примечание:

:input получит все элементы формы (<select>, <textarea> и т.д.)

input будет получать только элементы <input> и немного быстрее.

Ответ 2

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

(также $('input.required[type="text"]'))

Ответ 3

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

Это должно работать

http://jsfiddle.net/ck8wt/

Изменить

lol... Я не мог видеть лес через деревья.: P Я тоже останусь, хотя бы как иллюстрация того, как много способов это сделать. XD

Ответ 4

Если вы просто добавляете класс в свой селектор, он должен делать то, что вы ищете.

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