jQuery - 根据价值获得选择

时间:2010-08-11 19:27:22

标签: jquery

我确信这很简单,但我似乎可以找到它。

我需要从其值中选择一些文本框。我不需要价值,我需要元素。我想要这样的东西:

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

我最终得到了

unrecognized expression: [value:'hideme']

顺便说一句,

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

工作正常,但看起来不太干净。

2 个答案:

答案 0 :(得分:15)

使用jQuery的attribute equals selector

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

更准确地说,您还可以使用multiple attribute selector

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

两者之间的区别在于第一个选择具有特定类和值的所有元素。第二个只选择具有特定类和值的所有INPUT。

此选择器将选择适用元素的全部。因此hide()函数将隐藏所有元素。因此,无需使用each()或其他内容“手动”迭代所选元素。hide()会自动为您执行此操作。

Here is a live example.

答案 1 :(得分:7)

尝试:

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

有关详细信息,请参阅jQuery文档中的Attribute Equals Selector