title: D3 select sibling, give it a class
body: <p>I have several group elements, all are siblings.</p>
  
  <p>I'm trying to select the one with the class of 'sliceActive' and give it a class of 'slice' and give the next sibling down the class of 'sliceActive'</p>
  
  <p><img src="https://i.stack.imgur.com/fiEvo.png" alt="enter image description here"></p>
  
  <p>all of this will be on the click event for my next button. I know how to select the .activeSlice and give it .slice but how to I select the next g node and give it .sliceActive?</p>
  
  <pre><code>       $(".button").click(function(){
              d3.select("g.sliceActive").attr('class','slice');
          });
  </code></pre>