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

Posted 2023-05-08

【中文标题】原型 - 如何在原型 1.6.0.3 中获取子元素

【英文标题】：Prototype - How to get child elements in prototype 1.6.0.3

【发布时间】：2011-12-28 12:28:06

【问题描述】：

我有一个包含不同产品的列表以及它们的详细信息。默认情况下隐藏详细信息。我想知道如何在悬停时显示调用列表元素的子元素的详细信息。这是一个测试它的链接：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 :)   
);

【参考方案1】：

许多方法之一是this：

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