隐藏输入字段的每个实例,但隐藏第一个实例

时间:2014-02-25 17:40:04

标签: jquery css

我有一个表单,在表单的第一页上,用户可以选择要注册的人数,在下一步中,表单会为每个注册人提出相同的问题。我希望其中一个问题只针对第一个注册人显示,并为其他注册人隐藏。

每个div使用几乎相同的命名但rptAttributesPerRegistrant后的数字更改,我想显示

#PC4187_ev2wiz_step2_ctlRegs_rptPerEvent_ctlAttributes_0_rptRegistrants_0_rptAttributesPerRegistrant_0_lblAttributeName_0

但隐藏其他人,例如,隐藏以下内容:

#PC4187_ev2wiz_step2_ctlRegs_rptPerEvent_ctlAttributes_0_rptRegistrants_0_rptAttributesPerRegistrant_1_lblAttributeName_0
#PC4187_ev2wiz_step2_ctlRegs_rptPerEvent_ctlAttributes_0_rptRegistrants_0_rptAttributesPerRegistrant_2_lblAttributeName_0

等等。 。 。

请参阅整个代码http://jsfiddle.net/jelane20/U6kja/

我不想隐藏素食领域,但也使用相同类型的div

我不确定如何定位div的每个实例但是第一个并排除素食问题,我需要隐藏任何使用大于0的数字的div。任何帮助都将非常感谢!

谢谢!

2 个答案:

答案 0 :(得分:1)

请看下面的小提琴 fiddle

每当你有足够的属性值并希望匹配特定的部分时,你就使用了jquery attribute selectors

$("[id*='rptAttributesPerRegistrant']")

以上语句将为您提供包含“rptAttributesPerRegistrant”的所有选择器 然后你可以根据类型等过滤掉。

答案 1 :(得分:0)

我并不完全清楚您要完成的任务,但这只显示了第一个注册人选项:

$('div.Ev2_AttributeContent').children().not(':first-child').hide();

http://jsfiddle.net/Q82TT/

显示第二个注册人的选项:

$('div.Ev2_AttributeContent').children().not(':nth-child(3)').hide();

......还有第三个:

$('div.Ev2_AttributeContent').children().not(':nth-child(5)').hide();