如何在不使用DOM的情况下更改Class

Question

我有Div的列表，如下所示。我想要更改标题的颜色，即单击每个Div的Click Me时的Heading1，Heading2，Heading3。我写下了与以下相同的JQuery

<pre> 
    <div> 
     <div> 
      <span class="Heading">Heading1</span> 
      <div>Content1</div> 
      <a class="ClickMe">Click Me</a> 
     </div> 
     </div> 
     <div> 
      <div> 
      <span class="Heading">Heading2 </span> 
      <div>Content2</div> 
       <a class="ClickMe">Click Me</a> 
      </div> 
     </div> 
     <div> 
      <div> 
      <span class="Heading">Heading3 </span> 
      <div>Content3</div> 
       <a class="ClickMe">Click Me</a> 
      </div> 
     </div> 
     <div> 
      <div> 
      <span class="Heading">Heading3 </span> 
      <div>Content3</div> 
       <a class="ClickMe">Click Me</a> 
      </div> 
     </div>  

    <script> 
    $('document').ready(function(){ 
     $(".ClickMe").click(function(){ 
     $(this).parent().children(0).toggleClass('red'); 
    }); 
    }); 
    <script> 


<style> 
    .red 
    { 
    color : red; 
    } 
</style> 

1.Now当过我点击点击我的红色被应用到整个事业部。

2.Is有任何其他的方式，我可以申请红色至抽穗期比使用DOM

Answer 1

$(document).ready(function(){ 
    $(".ClickMe").click(function(){ 
     $(this).siblings('.Heading').toggleClass('red'); 
    }); 
}); 

http://api.jquery.com/siblings/

Answer 2

$(this).closest('.Heading').toggleClass('red'); 

Answer 3

$('document').ready(function(){ 
    $(".ClickMe").click(function(){ 
    $(this).closest('.Heading').toggleClass('red'); 
    }); 
});