需要有关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>完成</div><div id=“arms_2”class=“col_2”><p></p><p></p><p></p>完成</div><div id=“arms_3”class=“col_3”><p></p><p></p><p></p>完成</div><脚本>函数done（）{this.parentNode.style.display='none'；};//已完成功能结束</脚本>

Answer 1

试试这个

<div id=“arms_3”class=“col_3”><p></p><p></p><p></p>完成</div><脚本>功能完成（obj）{obj.parentNode.style.display='none'；};//已完成功能结束</脚本>

Answer 2

添加（本）到您的完成，然后也将其添加到函数中。

J小提琴

代码

<script type=“text/javascript”>功能完成（obj）{obj.parentNode.style.display=“无”；}</脚本><div id=“arms_1”class=“col_1”><p></p><p></p><p></p>完成</div><div id=“arms_2”class=“col_2”><p></p><p></p><p></p>完成</div><div id=“arms_3”class=“col_3”><p></p><p></p><p></p>完成</div>

Answer 3

使用尝试此操作设置属性（）而是：

<脚本>函数done（）{this.parentNode.setAttribute（'display'，'none）；};//done函数结束</脚本>

Answer 4

这函数内部与这在内联onclick（单击）。请尝试将其传入。

已完成的功能{that.parentNode.style.display='none'；};//已完成功能结束

<div id=“arms_1”class=“col_1”><p></p><p></p><p></p>完成</div><div id=“arms_2”class=“col_2”><p></p><p></p><p></p>完成</div><div id=“arms_3”class=“col_3”><p></p><p></p><p></p>完成</div>

在函数内部，这是窗口对象。在内联点击处理程序中，它指的是按钮。根据您所在的执行上下文，这可以指不同的东西。