jquery - 通过使用 elements 类，通过 jQuery 在点击时交换类

Question

我编写了这个简单的 jQuery，它根据单击的包含 anchor 来交换包含 ul 的类。它工作正常，但是，我知道这很困惑。我想知道是否有人可以指出一种方法来实现相同的效果，而无需手动输入每个类名。我只是一个 jQuery 新手，我希望了解更多有关它的信息。

我想我可以编写一个 jQuery 函数，它不需要手动插入每个类名，而是可以只获取 anchor 标记的类并将其添加到 ul 上。

jQuery

$("#infosplashnav a.news").click(function () { 
  $(this).parents("ul:eq(0)").removeClass();
  $(this).parents("ul:eq(0)").addClass("news");
});
$("#infosplashnav a.communitylife").click(function () { 
  $(this).parents("ul:eq(0)").removeClass();
  $(this).parents("ul:eq(0)").addClass("communitylife");
});
$("#infosplashnav a.youth").click(function () { 
  $(this).parents("ul:eq(0)").removeClass();
  $(this).parents("ul:eq(0)").addClass("youth");
});

HTML

<ul id="infosplashnav" class="news">
     <li><a href="#news" class="news">News &amp; Events</a></li>
     <li><a href="#communitylife" class="communitylife">Community Life</a></li>
     <li><a href="#youth" class="youth">Youth</a></li>
</ul>

Answer 1

$("#infosplashnav a").click(function () { 
  $(this).closest("ul").removeClass().addClass($(this).attr("class"));
});