javascript - 单击后将 html 对象传递给函数？

Question

我在代码后面制作了一个小列表，我有一个 onclick，当按下按钮时会触发它(使用按钮标签)。我想知道如何将对象传递给我的 onclick 函数，以便我可以切换它的类。所以像这样:

   <script "text/javascript">
             function navButtonClick() {
                 $(this).toggleClass("is-open");

                alert("Yay!");

                 }
    </script>

另一个论坛上的人说代码应该可以工作，但似乎什么也没有发生..

这是我的后台代码写入 html 的内容:

  <div id="sidebar">
        <nav>
  <h2>Sites</h2>
  <ul id="navMenu">

     <li class="toggle"><a href="javascript:navButtonClick();">Stanislaus</a>
        <ul class="subnav">
           <li><a href="#" class="active">Bob</a></li>
       </ul>
    </li>
 </ul>

Answer 1

我通过 toggleClass 假设您正在使用 JQuery，因此您可以只使用 .on('click') 而不是尝试将其变成函数调用，但如果您将将类切换到 a 元素而不是 li。

http://jsfiddle.net/22eYu/

$('a.toggle').on('click', function(){
    $(this).toggleClass("is-open");
    alert("yay");
});