javascript - 针对 Vanilla JS 中的下一个 sibling 的 parent 元素

Question

原谅我的无知，我会尽量说清楚。我正在尝试修改一个现有的 JS 函数，该函数将一个类添加到父元素。我想修改它以将相同的类添加到父级的同级中，在本例中为 aside '.footnote-right-col'。

我已经尝试了很多方法，但这超出了我的范围。我不确定我是否需要创建一个新函数并单独调用它，或者我是否可以简单地向该函数添加一个新变量。我假设我定位父级的方式是通过 getParent.nextSibling

和 JS 一样

  open: function (el) {
      this.footnote.el = getParent(el, '.footnote-container')
      var popover = this.footnote.popover()

      this.footnote.el.classList.add('is-open')
      this.sizeFootnote()

      popover.classList.remove('is-hidden')

      this.positionFootnote()
      popover.classList.add('is-visible')
      window.addEventListener("resize", self.resize.bind(self))
    },

呈现的 HTML

<div class="footnote-container open-down">
   <button class="footnote-button" title="view footnote #1">...</button>
   <aside class="footnote-popover is-hidden">...</aside>
</div>
<aside class="footnote-right-col is-hidden">...</aside>

Answer 1

this.footnote.el.nextElementSibling应该找你.footnote-right-col元素，如果我理解你是如何设置的。如果this.footnote.el是 <div class="footnote-container open-down">元素然后我的答案有效。一旦你有了那个 div，你就可以调用 .nextElementSibling

编辑:好的，如果this.footnote.el就太酷了是按钮然后只需这样做: this.footnote.el.parentElement.nextElementSibling你应该拥有它!

所以要添加类: this.footnote.el.parentElement.nextElementSibling.classList.add('is-open')