javascript - $(this) 点击事件中的困惑

Question

出于某种原因，我必须将纯 js 与 jquery 一起使用。我有这样的标签

<a onclick="openClose()">Click</a>
<div class="spoilermain">content</div>

这是我的js

    function openClose(){
        $('.spoilertop').next('.spoilermain').toggle();
    }

问题是如果有多个扰流板，那么所有扰流板都会被切换。在这种情况下如何使用 $(this) ？我知道我可以选择 a 然后使用 $(this) 但由于某种原因我必须触发 openClose()。

Answer 1

您可以删除onclick事件，添加一个open-close类

<a class=".open-close">Click</a>

然后只需调用您的脚本:

$('.open-close').click(function(){
        $(this).next('.spoilermain').toggle(); 
});