Question

我有3个跨度用于导航到3个不同的页面，它们基本上像我的按钮，只有我使用的插件要求它们是跨度（为什么我不能使用按钮，所以不要告诉我使用按钮代替）。

我想要做的是更改所点击的跨度上的背景颜色，所以如果我在第3页，例如，span 3是绿色，当我点击另一个跨度时，那个更改，之前的绿色范围会变回正常。

关于如何在js，html或css中执行此操作的任何想法？

Answer 1

使用jQuery很容易实现。

<强>的jQuery

$('span').on('click', function() {
   $('span').removeClass('active');
   $(this).addClass('active');
});

<强> CSS

span {
   background: #c1c1c1;
   display: block;
   width: 100px;
   height: 25px;
   float: left;
}

span.active {
   background: green;
}

<强> HTML

<span class="active">one</span>
<span>two</span>
<span>three</span>
<span>four</span>

这只会将类active添加到点击的元素，同时删除之前的任何active。