無法顯示隱藏範圍

Question

我想在單擊按鈕時顯示隱藏範圍。 我的HTML看起來像：

<ul> 
    <li> 
     <span class="sfFormlabel" style="display:none" >show</span> 
     <div id="div1"> 
      <input type="button" value="show" class="show"> 
     </div> 
    </li> 
    <li> 
     <span class="sfFormlabel" style="display:none" >show1</span> 
     <div id="div2"> 
      <input type="button" value="show" class="show"> 
     </div> 
    </li> 
</ul> 

和jQuery：

$('.show').live("click", function() { 
    alert('test'); 
$(this).parent('li').children('span').show(); 
}); 

但我無法顯示隱藏的跨度。
jsfiddle

Answer 1

您需要使用的.parent代替.parents或.closest。

$(this).parents('li').children('span').show(); 

或者

$(this).closest('li').children('span').show(); 

PS：.live是已被棄用，使用.on代替。

Answer 2

這裏有一個簡單的解決方案：

$(document).ready(function() { 
    $("#about").css("background-color","#222222"); 

    $('.show').live("click", function() { 
    alert('test'); 
$('.sfFormlabel').show(); 
}); 

});