Javascript JS-单击菜单中的时添加类

我有这段代码，我想在点击菜单中的div名称后更改包含一些文本的div类，因为我是初学者，所以我尝试了这个方法，尽管我知道有更好的解决方案，但你可以告诉我是我做的。也许可以用锚来完成，我不知道

$(function () {
    $("article span div").on("click", function () {
        $(".visible").removeClass("visible");
        var li_index = $(this).index();
        $("ul li:nth-child(li_index)").addClass("visible");
    });
});

---

感谢您的帮助

这可能是问题所在

var li_index = $(this).index();
$("ul li:nth-child(li_index)").addClass("visible");

li_索引需要作为变量处理，而不是字符串加引号

您可以使用以下两种方法之一进行此操作。这种方法需要将1添加到li_索引中，因为：n个子项从1开始，而$。索引从0开始

$("ul li:nth-child(" + (li_index + 1) + ")").addClass("visible");

或者使用$.eq代替：n个子项

$("ul li").eq(li_index).addClass("visible");