獲取訪問使用jQuery

Question

我目前的工作目標，以檢查框，旁邊更改文本一次打勾

<li class="myList"> 
<input class="myCheckBox" type="checkbox" name="frank" value="someVal"/> 
<span style="dispaly:none;"> 
<a class="navigation">mylink</a> 
</span> 
<span>myLink</span> 
</li> 
<li class="myList"> 
<input class="myCheckBox" type="checkbox" name="frank" value="someVal"/> 
<span style="dispaly:none;"> 
<a class="navigation">mylink</a> 
</span> 
<spanmyLink></span> 
</li> .. and so on 

希望從這個超鏈接的各種元素可以聚集我有2個項目，並且我想要一個可見的默認值，直到勾選複選框並且超鏈接跨度標籤從默認跨度標籤中接管。這改變對style="display:none"其他變得style="display:block"

現在的jQuery的

$(window).load(function(){ 
      $('.myCheckBox').click(function(){ 
      //DO DOMETHING 
      });  
     }); 

但是，一旦我做出的單擊事件發生如何我獲得了以改變風格的各種要素獲得這些跨度和這樣的等

感謝

Answer 1

你會從this，這是當前元素，然後使用任何the tree traversal functions圍繞DOM移動，用於EXA去mple：

$(window).load(function(){ 
    $('.myCheckBox').change(function() { 
    $(this).next("span").toggle(this.checked); 
    });  
}); 

在上面我們使用.toggle(bool)做隱藏/顯示，這使我們能夠隱藏/顯示<span>取決於我們關心的複選框是否被選中。