当我悬停另一个 anchor 时，Jquery 从一个 anchor 移除悬停

Question

我有 3 个 div，每个 div 中有一个 anchor 。

<div class='col-xs-4 sub-heading' id="all"><a href="" >all</a></div>
<div class='col-xs-4 sub-heading' id="articles"><a href="=" > articles</a></div>
<div class='col-xs-4 sub-heading' id="interviews"><a href="" >interviews</a></div>

现在，当页面加载时， anchor 应自动设置为“全部”，然后如果我将鼠标悬停在文章或访谈上，则悬停在所有内容上应该消失并转到文章或访谈(无论鼠标悬停在何处)和当我出来的时候，文章或采访主播应该回到“全部”。

Answer 1

你可以为此使用 css，像这样的东西应该可以工作:

.active {
  color: red;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

<div class='col-xs-4 sub-heading' id="all"><a href="" class="active">all</a>
</div>
<div class='col-xs-4 sub-heading' id="articles"><a href="="> articles</a>
</div>
<div class='col-xs-4 sub-heading' id="interviews"><a href="">interviews</a>
</div>