javascript - 如何隐藏多个具有相同 id 的 div？

Question

我的 HTML

<div id="a">Showcode</div>
<div id="b">Code 1</div> // b1
<div id="b">Code 2</div> // b2

我的代码:

$(document).ready(function(){
        $('#b').hide();
})

我试图一次隐藏所有 id="b"div。

当我运行代码时，我看到 div id = b (b1) 隐藏，但 div id = b (b2) 没有。

Answer 1

HTML 元素 ID 必须是唯一的。请使用类名称，该名称不必是唯一的。

$('.b').hide();

如果由于某种原因您无法更改 HTML，那么您可以使用它，它适用于重复的 ID:

$('*[id="b"]').hide();