jquery - 可以一次点击一个按钮jquery

Question

假设我有两个按钮，例如，当我单击按钮 1 时，我希望禁用按钮 2，并且单击按钮 2 时禁用按钮 1 也是如此。我希望当时有一个按钮可以点击。我该怎么做？提前致谢。

<div class="container">

<button type="button" id="button1" class="buttons">button1</button>
<button type="button" id="button2" class="buttons">button2</button>

</div>


$( document ).ready(function() {
  $( "buttons" ).click(function() {

  });
});

我正在考虑使用 .attr('disabled', true)

Answer 1

试试这个:在 jQuery 中使用类选择器时，您需要在类名之前放置 .(dot)。您可以使用 siblings() 获取同一级别的所有按钮，并使用 prop('disabled',true) 禁用按钮。

$( document ).ready(function() {
  $( ".buttons" ).click(function() {
     $(this).siblings('.buttons').prop('disabled',true);
  });
});

<强> JSFiddle Demo