子ボタンがクリックされたボタンと同じ場合のdiv色の変更

Question

Jqueryを初めて使用しています。グラフの各メンバーにボタンがある組織図を作成するのに.netコンポーネントを使用しています。ボタンを含むDIVの色と、同じボタンを持つ他のDIVの色を変更したいと思います。

たとえば、ボタン77770001が選択されている場合、下のコードでは、周囲のDIV rocItemTemplateを別の色に変更したいのですが、同じ値の子を持つ他のdivにも変更したいと思います。誰も助けることができますか？

<div id="RadOrgChart1" class="RadOrgChart RadOrgChart_Default"> 
<!-- 2012.1.301.40 --><div class="rocViewPort" style="visibility: hidden; width: 800px; "> 
    <ul class="rocNodeList rocRootNodeList" style="width: 780px; visibility: visible; "> 
     <li class="rocNode rocRootNode" style="width: 770px; "><div class="rocItem rocNoOwnImage"> 
      <div class="rocItemTemplate"> 


      <input type="submit" name="ctl43$LinkButtonNode" value="02079891000" id="ctl43_LinkButtonNode" class="middle"> 

      </div> 
     </div><ul class="rocNodeList rocLevel1" style="width: 770px; "> 
      <li class="rocNode rocFirst rocLast rocOnly" style="width: 770px; "><div class="rocItem rocNoOwnImage"> 
       <div class="rocItemTemplate"> 


      <input type="submit" name="ctl47$LinkButtonNode" value="77770001" id="ctl47_LinkButtonNode" class="middle"> 

       </div> 
      </div><ul class="rocNodeList rocLevel2" style="width: 770px; "> 
       <li class="rocNode rocFirst" style="width: 120px; "><div class="rocItem rocNoOwnImage"> 
        <div class="rocItemTemplate"> 


      <input type="submit" value="01494561123" name="ctl51$LinkButtonNode" id="ctl51_LinkButtonNode" class="middle"> 

        </div> 
       </div><div class="rocNodeLines"> 
        <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span> 
       </div></li><li class="rocNode" style="width: 120px; "><div class="rocItem rocNoOwnImage"> 
        <div class="rocItemTemplate"> 


      <input type="submit" name="ctl54$LinkButtonNode" value="77770001" id="ctl54_LinkButtonNode" class="middle"> 

        </div> 
       </div><div class="rocNodeLines"> 
        <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span> 
       </div></li><li class="rocNode" style="width: 120px; "><div class="rocItem rocNoOwnImage"> 
        <div class="rocItemTemplate"> 


      <input type="submit" name="ctl57$LinkButtonNode" value="77770002" id="ctl57_LinkButtonNode" class="middle"> 

        </div> 
       </div><ul class="rocNodeList rocLevel3" style="width: 120px; "> 
        <li class="rocNode rocFirst rocLast rocOnly" style="width: 120px; "><div class="rocItem rocNoOwnImage"> 
         <div class="rocItemTemplate"> 


      <input type="submit" name="ctl61$LinkButtonNode" value="0061422226212" id="ctl61_LinkButtonNode" class="middle"> 

         </div> 
        </div><div class="rocNodeLines"> 
         <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span> 
        </div></li> 
       </ul><div class="rocNodeLines"> 
        <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span><span class="rocLineDown"><!-- --></span> 
       </div></li><li class="rocNode rocLast" style="width: 380px; "><div class="rocItem rocNoOwnImage"> 
        <div class="rocItemTemplate"> 


      <input type="submit" name="ctl64$LinkButtonNode" value="77770003" id="ctl64_LinkButtonNode" class="middle"> 

        </div> 
       </div><ul class="rocNodeList rocLevel3" style="width: 380px; "> 
        <li class="rocNode rocFirst" style="width: 120px; "><div class="rocItem rocNoOwnImage"> 
         <div class="rocItemTemplate"> 


      <input type="submit" value="0061431540656" name="ctl68$LinkButtonNode" id="ctl68_LinkButtonNode" class="middle"> 

         </div> 
        </div><div class="rocNodeLines"> 
         <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span> 
        </div></li><li class="rocNode" style="width: 120px; "><div class="rocItem rocNoOwnImage"> 
         <div class="rocItemTemplate"> 


      <input type="submit" value="0061883836198" name="ctl71$LinkButtonNode" id="ctl71_LinkButtonNode" class="middle"> 

         </div> 
        </div><div class="rocNodeLines"> 
         <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span> 
        </div></li><li class="rocNode rocLast" style="width: 120px; "><div class="rocItem rocNoOwnImage"> 
         <div class="rocItemTemplate"> 


      <input type="submit" value="0061883836255" name="ctl74$LinkButtonNode" id="ctl74_LinkButtonNode" class="middle"> 

         </div> 
        </div><div class="rocNodeLines"> 
         <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span> 
        </div></li> 
       </ul><div class="rocNodeLines"> 
        <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span><span class="rocLineDown"><!-- --></span> 
       </div></li> 
      </ul><div class="rocNodeLines"> 
       <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span><span class="rocLineDown"><!-- --></span> 
      </div></li> 
     </ul><div class="rocNodeLines"> 
      <span class="rocLineHorizontal"><!-- --></span><span class="rocLineUp"><!-- --></span><span class="rocLineDown"><!-- --></span> 
     </div></li> 
    </ul> 
</div><input id="RadOrgChart1_ClientState" name="RadOrgChart1_ClientState" type="hidden"> 

編集：

私はこれがすべき

Answer 1

ボタンがクリックされたときに番号がクリックされ含まれていない他のすべてが別のクラスに変更しなければならないことも言うべきトリックを行う：

$('[type="submit"]').click(function() { 
    var value = $(this).val(); 
    $('div:contains([type="submit"][value="' + value + '"])').addClass("yourCssClassSpecifyingTheColor"); 
}); 

Answer 2

$('input[value=77770001]').closest('div').css('background-color',"Red");