我可以使用“自我”吗？简化此代码？

Question

这是我的代码：

function o1()
{
    $(".headerbtn").removeClass("headerbtnsel");
    document.getElementById('ho1').classList.add('headerbtnsel');
}
function o2()
{
    $(".headerbtn").removeClass("headerbtnsel");
    document.getElementById('ho2').classList.add('headerbtnsel');
}
function o3()
{
    $(".headerbtn").removeClass("headerbtnsel");
    document.getElementById('ho3').classList.add('headerbtnsel');
}

我想做到这一点，所有这些功能只能是一个。我想这样做，以便不使用getElement，你可以使用self或类似的东西。有人对此有所了解吗？

Answer 1

只是为了澄清我的评论

function myO(idx) { 
  $(".headerbtn").removeClass("headerbtnsel");        
  $('.ho'+idx).addClass('headerbtnsel');   
}

将myO(1)用于ho1

OR

function myO(headerClass) { 
  $(".headerbtn").removeClass("headerbtnsel");        
  $("."headerClass).addClass('headerbtnsel');   
}

将myO('ho1')用于ho1