如何使用 Prototype 隐藏亚马逊网上商店默认工具栏？

Question

今天早上玩完后，我发现亚马逊网上商店中有一段默认的 html 代码，它将在页面顶部添加一个工具栏。 html 如下所示：

    <td id="wba_logo_bg">
<table class="logo" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="left"></td>
<td class="wba_account" style="padding: 5px;" align="right" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<form action="#" id="searchForm" method="get" name="searchForm"></form>
<tbody><tr><td class="wba_account_link">
<a xmlns:xhtml="http://www.w3.org/1999/xhtml" class="myAccountNav" href="#" onclick="return false;">home</a></td>
<td class="myAccountDots"></td>
<td class="wba_account_link"><a class="myAccountNav" href="#" onclick="return false;">view cart</a></td>
<td class="myAccountDots"></td><td class="wba_account_link"><a class="myAccountNav" href="#" onclick="return false;">my account</a></td>
<td class="myAccountDots"></td><td class="wba_account_link"><a class="myAccountNav" href="#" onclick="return false;">order status</a></td>
<td><img src="pageEditor_files/1_pixel.gif" hspace="7"></td>
<td><input name="keyword" tabindex="1" type="text"></td>
<td><img alt="Search" class="wba_search_btn" onclick="return false;" onkeyup="if (13==event.keyCode) searchForm.submit();" 
src="pageEditor_files/btn_search.gif" style="cursor: pointer;" tabindex="2" title="Search" hspace="3">
</td></tr></tbody>
</table>
</td></tr></tbody>
</table>

</td>

到目前为止，我能够使用原型来查找类名为 wba_account_link 的内容，并通过下面的代码隐藏它们：

    function hideAmazonToolbar()
{
    $("#wba_logo_bg").hide();
}//end function

但我真正想做的是最好隐藏整个 tbody，但使用我的原型技术有限，我真的不知道如何做到这一点。有人能给我指出如何完成这项工作的正确资源吗？

编辑

走得更高，显然有一个带有 id 的 td，并使用原型隐藏函数解决它！伙计，我喜欢 javascript 框架:)

Answer 1

您需要 up 函数。我认为这应该可以做到。

document.getElementsByClassName('wba_account_link').up('tbody');