Javascript只运行一个[重复]答案

【问题标题】：Javascript only runs one [duplicate]Javascript只运行一个[重复]
【发布时间】：2013-05-27 17:16:25
【问题描述】：

我有问题

$(document).ready(function(){    
     $("# btn"). click (function () {
         $ ("# canshow"). fadeToggle ("slow");
    });
 });

和

<a id="btn"> Button </ a>
<div id="canshow"> 1 </ div>
<div id="canshow"> 2 </ div>
<div id="canshow"> 3 </ div>

为什么只有那个功能

<div id="canshow"> 1 </ div>

而其他人则没有。
我想要

<div id="canshow"> 2 </ div>
<div id="canshow"> 3 </ div>

也可以。请帮我。

【问题讨论】：

【解决方案1】：

您想使用类而不是 ID。试试这个：

$ (".canshow"). fadeToggle ("slow");

使用此 HTML：

 <div class="canshow"> 1 </ div>
 <div class="canshow"> 2 </ div>
 <div class="canshow"> 3 </ div>

id = name [CS]

此属性为元素分配名称。此名称在文档中必须是唯一的。

class = cdata-list [CS]

此属性将一个类名或一组类名分配给一个元素。可以为任意数量的元素分配相同的类名或名称。多个类名必须用空格字符分隔。

【讨论】：

【解决方案2】：

使用class。 ID 必须是唯一的..

$(document).ready(function(){    
     $("#btn").click(function() {
         $(".canshow").fadeToggle("slow");
    });
 });

和

<a id="btn"> Button </a>
<div class="canshow"> 1 </div>
<div class="canshow"> 2 </div>
<div class="canshow"> 3 </div>

【讨论】：