我如何切换此语言词汇列表答案的可见性？

Question

我开始半惯例地学习，我想在单击相应的英语单词时使韩语翻译出现。我不熟悉jQuery和=>符号，所以请保持相对基本的任何解决方案（如果有基本的解决方案），谢谢！

Html：

    <div class="Words-container">
        <div id="Verbs">
            <div><h2 class="Word-title">Verbs</h2></div>
            <div><ul id="List-words">
                <li class = "english">To fall--<span class = "answer hideMe">넘어지다</span></li>
                <li class = "english">To be young--<span class = "answer hideMe">젊다</span></li>
                <li class = "english">To be anxious--<span class = "answer hideMe">불안하다</span></li>
                <li class = "english">To be sensitive--<span class = "answer hideMe">예민하다</span></li>
                <li class = "english">To translate--<span class = "answer hideMe">번역하다</span></li>
                <li class = "english">To give an example--<span class = "answer hideMe">예를 들어 주다</span></li>
                <li class = "english">To be perfect--<span class = "answer hideMe">완벽하다</span></li>
                <li class = "english">To be efficient--<span class = "answer hideMe">효율적이다</span></li>
            </ul></div>
        </div>

javascript：

//add hover event listener to english word
for(x = 0; x < document.querySelectorAll(".english").length; x++){
    document.querySelectorAll(".english")[x].addEventListener("click", function(){//fn to show answer when click english word

//this function is wrong but I'm unsure of how to target the Korean when clicking the English
        this.closest("span").classlist.toggle(".hideMe");//toggle hideMe class when english clicked
    })
}

CSS

.hideMe{
    visibility: hidden;
}

Answer 1

api的理解。
1. cloest

   只穿越父母。检查MDN以获取详细信息：

   Https：//developer.mozilla.org/en-us/docs/web/api/element/closest

   避免冗余DOM查询（QuerySelectorall），提高性能和可读性。

我的代码是我的代码：

2. closest