jQuery学習ノート--ノード遍歴




    
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"/>
    <script language="javascript" type="text/javascript">
    /*
        (jQuery            )
    
    .next()                      ;
    .nextAll()                   ;
    .siblings()            (  )  ,
                             ,        DOM              ,       。
    */

        $(function() {
            // $("div").click(function() { alert($(this).next().text()); });
            // $("div").click(function() { alert($(this).nextAll().text()); });
            $("div").click(function() { $(this).siblings().css('background', 'red'); })

        });
    
    </script>
    


    <form id="form1" runat="server">

    <div>11</div>
    <div>22</div>
    <div>33</div>
    <div>44</div>
    <div>55</div>
    <div>55</div>

    </form>



</code></pre> 
  <p><br/>  </p> 
 </div> 
</div>
                            </div>
                        </div>