获取具有特定类的所有元素的ID，然后运行具有该ID的函数

Question

我有一堆按钮：

<button id="pill_a" class="btn-pill cyan">hola</button>
<button id="pill_b" class="btn-pill">adios</button>
<button id="pill_c" class="btn-pill cyan">sup</button>

而且我只想对具有“ cyan”类的函数运行函数。我要运行的功能需要按钮的ID，因此如果它们具有“青色”类，则必须获取它。所以我在运行页面时做了一个if：

$(document).ready(function(){

  if($('.btn-pill').hasClass("cyan")){
     var id = $("button.cyan).attr('id');
     addRow(id);
  }
});

但是它似乎只能执行一次（使用第一个按钮），而不能执行一次。为什么？我是否需要创建循环或其他内容？非常感谢您的帮助！

Answer 1

[当您尝试访问多个元素的attr（此处使用类选择器）时，它将仅吸引第一个元素。您需要循环元素以获取所需的功能

$('.btn-pill.cyan').each(function(){ 
 addRow($(this).attr('id'))
})