将删除类添加到所有按钮，而不是使用jquery单击的按钮

Question

我有一个带有几个按钮的div：

  <div id="HorasF">
       <input type="text" class="DTE_Field_Type_text" id="horaF" />
       <input type="button" id="h1" class="btn btn-primary btn-smallD" value="13:00" />
       <input type="button" id="h2" class="btn btn-primary btn-smallD" value="13:30" />
       <input type="button" id="h3" class="btn btn-primary btn-smallD" value="13:45" />
       //several more       
      </div>

所以我要做的是当按下按钮时它改变了自己的类：

  $(this).removeClass('btn-smallD').addClass('btn-small');});

我需要的是更改所有其他按钮类以防止两个按钮具有相同的类。 有没有某种循环呢？我也读到了.siblings，但我没有明白使用它。

谢谢！

Answer 1

您确实可以使用 .siblings() 。

$(this)
    .removeClass('btn-smallD').addClass('btn-small')
    .siblings('[type="button"]')
        .removeClass('btn-small').addClass('btn-smallD');