JavaScript this 和 onClick

Question

我以为JavaScript很简单，但似乎行不通

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
function org(){
    $(this).toggle()
}
</script>
<span onClick="org()" id="kaka">Click me and i hide</span>

谁知道出了什么问题吗？

Answer 1

this在您的代码中没有引用您的 <span>元素。您需要传递对元素的引用。

<script>
function org(e){
    $(e).toggle()
}
</script>
<span onClick="org(this)" id="kaka">Click me and i hide</span>

或者(这确实是首选方式)您可以附加事件处理程序并避免使用内联处理程序:

<script>
$("kaka").on("click", function() {
    $(this).toggle()
});
</script>
<span id="kaka">Click me and i hide</span>