title: Get sibling of clicked element and removeClass pure javascript or angular js without directive
body: <p>So the problem is i know how to do it in jQuery, and i know jQuery is open platform so I could find what siblings() actually do.
  But i want to do it in pure js or angular but without directive.
  Preferable solution in pure JS.
  So when div is clicked addClass, but siblings remove that same class.</p>
  
  <p>Thanks in advance.</p>
  
  <p>Here is html </p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div id="1"&gt;
        &lt;h1&gt;asfsaff&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="2"&gt;
        &lt;h1&gt;asfsaff&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="3"&gt;
        &lt;h1&gt;asfsaff&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="4"&gt;
        &lt;h1&gt;asfsaff&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="5"&gt;
        &lt;h1&gt;asfsaff&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="6"&gt;
        &lt;h1&gt;asfsaff&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my js </p>
  
  <pre><code>$scope.addParent = function(e) {
      var men  = event.target.getAttribute('data');
      console.log(men);
      var divSlide = document.querySelectorAll('div');
          divSlide.forEach(function(getId){
              var divId = getId.getAttribute('id');
  
                  if(men === divId) {
                      getId.className = "fsafsa";
                      }
  
          });
  }
  </code></pre>