jQuery - 显示/隐藏具有相同id的多个div

Question

我最近在stackoverflow上找到了我的一个问题的答案，其中涉及根据下拉列表的值显示和隐藏div，这里是演示 - http://jsfiddle.net/pXdS6/16/

我的新问题是，如果我想根据值

显示多个具有相同ID的div，该怎么办？ 像这样的HTML：

<div id="divarea1" class="box">DIV Area 1</div>
<div id="divarea2" class="box">DIV Area 2</div>
<div id="divarea3" class="box">DIV Area 3</div>
<div id="divarea3" class="box">DIV Area 3</div>

如果我从下拉列表中选择“DIV Area 3”，我想要两个带＃divarea3的div显示

Answer 1

您不能也不应该有多个具有相同ID的DOM元素。使用类。如果必须，可以使用数百个类（不是真的）来对它们进行分组。 一旦你上课了，

<div id="divarea1" class="box set1">DIV Area 1</div>
<div id="divarea2" class="box set1">DIV Area 2</div>
<div id="divarea3" class="box set2">DIV Area 3</div>
<div id="divarea4" class="box set2">DIV Area 3</div>

$('.set2').show();

这应该做你想要达到的目标。

Answer 2

ID属性在页面上应该是唯一的。如果您对显示“divarea3”项目感兴趣，可以为每个元素添加另一个类，然后根据该类显示它们。