javascript - 在 Javascript 中需要有关 "this"的帮助

Question

单击 div 中的每个按钮时，我希望父 div 消失。我不想为每个按钮编写 onclick="this.parentNode.style.display='none'"，而是想调用一个函数 done() 来使我的代码更清晰，但我的语法在 done() 中不起作用。有什么想法吗？

        <div id="arms_1" class="col_1">
            <p></p>
            <p></p>
            <p></p>
            <button type="button" onclick="this.parentNode.style.display='none'">Done</button>
        </div>

        <div id="arms_2" class="col_2">
            <p></p>
            <p></p>
            <p></p>
            <button type="button" onclick=done()>Done</button>
        </div>

        <div id="arms_3" class="col_3">
            <p></p>
            <p></p>
            <p></p>
            <button type="button" onclick=done()>Done</button>
        </div>

<script>
        function done(){
            this.parentNode.style.display='none';
        };//done fuction ends
</script>

Answer 1

试试这个

    <div id="arms_3" class="col_3">
            <p></p>
            <p></p>
            <p></p>
            <button type="button" onclick=done(this)>Done</button>
        </div>

<script>
        function done(obj){
            obj.parentNode.style.display='none';
        };//done fuction ends
</script>