首页 > 解决方案 > 如何在 jQuery 代码中使用多个 ID?

问题描述

我很困惑为什么这不起作用:

jQuery("#btn").click(function(){
  jQuery("#first-id","#second-id","#third-id").toggle();
});

我希望 btn 切换所有的 ID,但它只对第一个作出反应。有任何想法吗?

最好的问候, Skt

标签: jquery

解决方案


您不能使用选择器将多个参数传递给 jQuery。

传递一个参数,在其中使用逗号 ( ,)分隔 id 。

jQuery("#btn").click(function(){
  jQuery("#first-id, #second-id, #third-id").toggle();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id='btn'>Press me</button>

<em id='first-id'>1</em>
<em id='second-id'>2</em>
<em id='third-id'>3</em>


推荐阅读