Javascript 尝试传递要在第n个子表达式中使用的数字

我试图传递一个值，以便在该函数中使用

addRemoveUnderline(5);

function addRemoveUnderline(navIndexNumber){
   console.log(navIndexNumber + " is index number");
   // remove selected class to main menu
   $('header a div').removeClass( "nav-selected");
   // add selected class to main menu
   $('header li:nth-child(navIndexNumber) div').addClass("nav-selected");
}

控制台日志给了我正确的值，但我一直收到以下错误消息：unrecognized expression:：nth child

$('header li:nth-child('+navIndexNumber+') div').addClass("nav-selected");

试试这个

用这个

$('header li:nth-child(navIndexNumber) div').addClass("nav-selected");

---

通过此变量值将不起作用，并将其作为字符串，通过串联将获得变量值。

通过向OP和其他任何可能受益于此答案的人解释为什么使用给定语法无法实现预期结果，进一步改进此答案。“[尝试]此”-为什么？它有什么作用？它是如何工作的？它为什么有效？这只是猜测还是答案？