jquery - 我怎样才能把它放到一个函数中？

Question

$(".home").click(function(){
    $("#bg").removeClass("dungeonsbg bgsbg arenasbg specgearbg").addClass("homebg");
});
$(".dungeons").click(function(){
    $("#bg").removeClass("homebg bgsbg arenasbg specgearbg").addClass("dungeonsbg");
});
$(".arenas").click(function(){
    $("#bg").removeClass("homebg bgsbg dungeonssbg specgearbg").addClass("arenasbg");
});
$(".bgs").click(function(){
    $("#bg").removeClass("homebg dungeonsbg arenasbg specgearbg").addClass("bgsbg");
});
$(".specgear").click(function(){
    $("#bg").removeClass("homebg bgsbg arenasbg specgearbg").addClass("specgearbg");
});

.home、.dungeons 等是名为 navigationMenu 的 div 中的 A 标签。只是无法理解它，我可能会对页面上的其他内容重用相同的逻辑。理想情况下，它会从点击的内容中获取一个值并添加具有该值的新类，这样如果我添加更多链接它就会自动工作。

Answer 1

假设每个点击类只有一个类并且 #bg 除了这些没有其他类，您可以用必要的类完全覆盖 #bg 的类名:

$(".home, .dungeons, .arenas, .bgs, .specgear").click(function(){
  $('#bg')[0].className = this.className + 'bg';
});