javascript - 使用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

这是小提琴

更新

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

更新的小提琴

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索引。