获取具有特定 class 的所有元素的 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>

我只想 运行 一个函数只与那些 class “青色”的函数一起使用。该函数需要按钮的 id

我试图在运行页面上使用if条件：

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

但它似乎只能执行一次（使用第一个按钮）而不是其他按钮。为什么？我需要创建一个循环吗？

Answer 1

当您尝试访问多个元素的属性时（此处使用 class 选择器），它只会给出第一个元素的属性。您需要循环元素以获得所需的功能

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