javascript - 如果 child 有特定类(class)，如何向父级添加类(class)

Question

我有这个 html 结构:

<section>
      <div class="v-middle">
        <div class="row">
          <h5 class="heading">Heading goes here</h5>
         </div>
      </div>
    </section>

当 h5 具有 .heading 类时，我需要将类“newClass”添加到父 Section 标记。

我尝试了以下方法，但没有成功，我也不知道为什么:

 $('.heading').parent('section').addClass('newClass');

演示

https://fiddle.jshell.net/4smhxoL6/1/

Answer 1

.parent 查看直接父级，它不是 section，而是 div。您想要最近:

$('.heading').closest('section').addClass('newClass');

https://fiddle.jshell.net/4smhxoL6/2/