我有一个网站，当有人单击任何按钮时，按钮边框就会显示出来。这是我的JS：
$(document).ready(function() {
$("#button1").on('click', function () {
var targetEl = $(this).data('target');
$.when($('.' + targetEl).siblings('a').fadeOut()).done(function () {
$('.' + targetEl).fadeIn();
$( "#button1" ).css( "border", "3px solid red" );
});
});
});
$(document).ready(function() {
$("#button2").on('click', function () {
var targetEl = $(this).data('target');
$.when($('.' + targetEl).siblings('a').fadeOut()).done(function () {
$('.' + targetEl).fadeIn();
$( "#button2" ).css( "border", "3px solid red" );
});
});
});
当我单击button1时，边框就会出现，这很好。
但是当我单击button2时，我希望button1的边框消失（单击其他按钮时隐藏）。依此类推，我的网站上有9个按钮，我为它们提供了所有ID，并且我希望每个按钮在激活时都带有边框（有人点击它们）。
最佳答案
$('[id^=button]').css("border","none");
要么
$('button').css("border","none");
接着
$( "#button2" ).css( "border", "3px solid red" );