使用javascript从具有相同ID的多个DIV中隐藏单个DIV

Question

我想在我的页面中隐藏DIV，但DIV没有ID。 这个div只有一个类，对其他DIV来说也是常见的。

请帮助我如何根据标签标签的'for'属性隐藏一个DIV

下面的

是DIV

<div class="field-group aui-field-versionspicker frother-control-renderer">
<label for="versions">Affects Version/s</label>
</div>

<div class="field-group aui-field-versionspicker frother-control-renderer">
<label for="fixVersions">Fix Version/s</label>
</div>

Answer 1

试试这个

$('.field-group').eq(0).hide(); //hides first div
$('.field-group').eq(1).hide(); //hides second div

here是小提琴

<强>更新

$('label[for="fixVersions"]').parent().hide();  //hides fixVersions with label selector

更新fiddle

Answer 2

您不能对元素使用相同的多个id，而是可以对多个元素使用相同的类，并且您正在使用同样的类：

你可以用这些方式：

$('.field-group:eq(1)').hide();

和

$('.field-group').eq(1).hide();

和

$('.field-group:nth-child(2)').hide();

所以上述所有脚本都会隐藏second div。

注意：

在.eq()被:eq()编入索引时，

0或:nth-child()被1编入索引。