jquery檢查哪個li是顯示塊並獲取值

Question

我試圖從顯示：block（其他人被隱藏）的相同ul的li列表中獲取產品的值。如何當我點擊選擇不同的產品尺寸的價格變化和李顯示：塊更改爲無任何李有價格相關的大小正在顯示：塊現在。我想從顯示：塊的li得到它的值，但它的含義未定義。誰能幫我這個我的代碼是

$(document).on("click", ".sizes li", function() { 
if ($('.sizes-list li').is(':visible')) 
{ 
var price=$(this).find('dd').html(); 
alert(price); 
} 
}); 

標記爲李的尺寸列表UL

<ul class="sizes-list"> 
<li style="display:block"><dd>$7</dd></li> 
<li><dd>$8</dd></li> 
<li><dd>$9</dd></li> 
</ul> 

標記爲李尺寸爲UL（大小按鈕）

<ul class="sizes"> 
<li><a href="#">Small</dd></a> 
<li><a href="#">Medium</dd></a> 
<li><a href="#">Large</dd></a> 
</ul> 

Answer 1

考慮一下jsfiddle：http://jsfiddle.net/bjryT/4/

其中已更新的腳本在這裏：

jQuery("ul.sizes-list li").each(function() { 

    if (jQuery(this).css("display") == "block") 
    { 
    jQuery(this).on("click", function() 
    { 
     var price = jQuery(this).find("dd:first").text(); 
     alert(price); 
    }); 
    } 
});