Javascript $（这）单击事件中的混乱

出于某种原因，我不得不将纯js与jquery结合使用。我有这样的标签

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

问题是如果有多个扰流板，则所有扰流板都将切换。在这种情况下如何使用$（this）？我知道我可以选择a，然后使用$（this），但出于某种原因，我必须启动openClose（）。

这怎么办？将“this”作为参数传递给html中的onclick函数处理程序，然后您可以在以后的函数中使用它

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

演示：

功能打开关闭（obj）{
$（obj）.next（'.spatlermain'）.toggle（）；
//这里有这个
}

点击
内容

这个怎么样？将“this”作为参数传递给html中的onclick函数处理程序，然后您可以在以后的函数中使用它

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

演示：

功能打开关闭（obj）{
$（obj）.next（'.spatlermain'）.toggle（）；
//这里有这个
}

点击
content

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

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

---

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

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

---

在调用函数时将其作为参数传递

html代码

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

---

在调用函数时将其作为参数传递

html代码

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

---

spatlertop

是什么？父包装器…尝试将此作为参数传递

单击

您可以在这里找到答案：为什么不能将事件附加到jQuery？您的问题不可理解。

spatlertop

是什么？父包装器…尝试将此作为参数传递

单击

您可以在此处找到答案：为什么不能将事件附加到jQuery？您的问题不可理解。。这实际上是最漂亮的解决方案。这实际上是最漂亮的解决方案。您的函数将抛出js错误

未捕获的语法错误：意外标记此

@MichalPaszkiewicz更新并立即工作可以请收回您的donwvote，要点是在参数中传递“this”，您的函数将抛出一个js错误

未捕获的SyntaxError:意外标记此

@MichalPaszkiewicz已更新并正在工作，请收回donwvote，要点是在参数中传递“this”

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