jquery - 如何在使用 jQuery 切换按钮时隐藏所有按钮？

Question

如何使用 jQuery 隐藏除切换按钮之外的所有元素？

我正在循环评论，并希望用户使用以下代码分配最佳评论，同时隐藏其余按钮，反之亦然，当单击最佳答案以删除所有按钮出现的“最佳答案”状态时。

@foreach (var item in Model.PostComments)
{ 
   <a title="Assign best answer" id="@item.Id" href="#" class="btn-sm btn-default btn-best"><span class="glyphicon glyphicon-ok"></span></a>
}

<script>
  $(document).ready(function () {
   $('a.btn-best').click(function (e) {
   e.preventDefault();
   $(this).toggleClass("btn-success");
   $.ajax({
    url: '@Url.Action("Best", "Posts")',
    data: { id: this.id }
    });
   });
 });
</script>

Answer 1

您可以使用toggle()来隐藏和显示按钮元素

$(document).ready(function () {
$('button').click(function (e) {
e.preventDefault();
$(this).toggleClass("btn-success");
//$.ajax({
//url: '@Url.Action("Best", "Posts")',
//data: { id: this.id }
//});
$('button').toggle();
$(this).toggle()
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="a">a</button>
<button id="b">b</button>
<button id="c">c</button>
<button id="d">d</button>
<button id="e">e</button>