隐藏Prototype JS

Question

<ul class="messages">
        <li class="error-msg">
                <ul>
                        <li><span><a href="#item_49" id="ref_wishlist_item_49">"Product6" is available for purchase in increments of 2 only.</a></span></li>
                        <li><span><a href="#item_50" id="ref_wishlist_item_50">"Product3" is available for purchase in increments of 3 only.</a></span></li>
                </ul>
        </li>

</ul>
    <script>
    Event.observe('messages', 'click', function(event) {
        this.remove();
    });

    </script>

我想要的是，当我点击第一个＆＃39; li＆＃39;哪个是具有班级名称错误信息的孩子，只有这个应该消失，当我点击第二个＆＃39; li＆＃39;然后＆＃39; ul＆＃39;有类消息应该使用原型js消失。