javascript - jQuery Closest/Parent 不工作

Question

这段代码出了什么问题？点击没有任何反应

HTML

  <p>Click me</p>
    <h1 class="myClass">...........</h1>

  <p>Click me</p>
    <h1 class="myClass">-----------</h1>

CSS

hilight {
    background-color: yellow;
  }

jQuery

$( document ).on( "click", "p", function( ) {
  $( this ).closest( ".myClass" ).toggleClass( "hilight" );
});

实例 https://jsfiddle.net/djuccj7b/

Answer 1

1. 将 closest() 更改为 next()

2. 在 css 中的类名前放一个句号....

   .hilight { 背景色:黄色；