Как добавить класс родителю в JS?

Question

[Александр Янк]

Здравствуйте. Помогите добавить класс родителю элемента, на котором произошло событие клика, у меня получилось добавить класс только по элементу, на котором был совершен клик, а мне надо, что бы класс добавился родителю:

<div class="parent-class">
  <div class="search-item__toggle for you">1</div>
</div>

.search-item__toggle {
  width: 30px;
  height: 30px;
  background: red;
}

for (
  var i = 0;
  i < document.getElementsByClassName("search-item__toggle").length;
  i++
) {
  document.getElementsByClassName("search-item__toggle")
    [i].addEventListener("click", function() {
      this.classList.toggle("search-item__open");
    });
}

На чистом JS!

Answer 1

[imdeveloper]

Вот так this.parentNode.classList.add("active");
JsFiddle: https://jsfiddle.net/avjt7t0a/

Comments

[Александр Янк]

Добавляется так же как и у меня... А у родителя не меняется класс. Ведь вся суть в том, что бы именно у родителя менялся класс, а не на том элементе, на котором был клик...

[imdeveloper]

Alex Lenk, удалите строку this.classList.toggle("search-item__open"); и будет добавляться только к родителю

[imdeveloper]

Alex Lenk, https://jsfiddle.net/avjt7t0a/1/

Answer 2

[maxsnw]

.parent().addClass('classname')

Comments

[Александр Янк]

без jQuery, на чистом JS

[maxsnw]

.parentElement.className += " otherclass";? или .parentNode ?

[Александр Янк]

Спасибо, достаточно было добавить parentNode:

for (
  var i = 0;
  i < document.getElementsByClassName("search-item__toggle").length;
  i++
) {
  document.getElementsByClassName("search-item__toggle")
    [i].addEventListener("click", function() {
      this.parentNode.classList.toggle("search-item__open");
    });
}

Спасибо большое.