jQuery - получить выбор, основанный на значении

Question

Я уверен, что это очень просто, но я просто могу его найти.

Мне нужно получить набор текстовых полей из их значения. Мне не нужна ценность, мне нужны элементы. Я хочу что-то вроде:

$(".ProductCode [value:'hideme']").hide(); 

Я заканчиваю с

unrecognized expression: [value:'hideme'] 

Кстати,

$(".ProductCode").each(function() { if ($(this).val() == 'hideme') $(this).hide(); }); 

работает, но это, кажется, не очень чистый.

Answer 1

Используйте attribute equals selector из JQuery

$(".ProductCode[value='hideme']").hide(); 

Чтобы быть более точным, можно также использовать multiple attribute selector:

$("input[class='ProductCode'][value='hideme']").hide(); 

Разница между ними состоит в том, что первый выбирает все элементы с определенным класса и ценности. Второй выбирает только все INPUT с определенным классом и значением.

Эти селекторы будут выбирать все соответствующих элементов. Так что функция hide() скроет все элементы. Поэтому нет необходимости «вручную» перебирать выбранные элементы с помощью each() или другими вещами .. hide() автоматически делает это за вас.

Here is a live example.

Answer 2

Try:

$(".ProductCode[value='hideme']").hide(); 

См Attribute Equals Selector в документации JQuery для получения более подробной информации.