原型 - 如何在原型中獲取子元素1.6.0.3

Question

我有一個包含不同產品的列表及其詳細信息。詳細信息默認爲隱藏。我想知道如何顯示懸停時列表元素的細節。這裏有一個鏈接進行測試：http://jsfiddle.net/CXrb2/1/

HTML：

<div id="cart-sidebar"> 
    <li>Product 1 <div class="product-details">Productinfo 1</div></li> 
    <li>Product 2 <div class="product-details">Productinfo 2</div></li> 
    <li>Product 3 <div class="product-details">Productinfo 3</div></li> 
</div> 

原型：

$$('.product-details').each(
    function (e) { 
     e.hide(); 
    } 
); 
$$('#cart-sidebar li').invoke('observe', 'mouseover', function(e) {   
    // any help would be great :) 
}); 

Answer 1

之一的許多方面會是這樣的this：

$('cart-sidebar').select('li').each(function(el){ 
    $(el).observe('mouseover', function(){ 
     $(el).down('div').show(); 
    }); 
});