如何隐藏具有相同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 =＆＃34; b＆＃34;马上就来了。

当我运行我的代码时，我看到div id = b（b1）hide但div id = b（b2）没有。

Answer 1

HTML元素ID必须是唯一的。改为使用类名，它不必是唯一的。

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

如果由于某种原因您无法更改HTML，那么您可以使用此功能，这适用于重复ID：

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

Answer 2

您无法使用many same id

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

您可以使用班级

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

在Jquery

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