使用prototype / scriptaculous来隐藏上一行

时间:2010-02-24 09:59:39

标签: prototypejs scriptaculous tablerow

我不知道这是否可能,但我有一种情况需要能够隐藏上一个表格行上载。

情况:

<table>
<tr>
    <td>1</td>
    <td>a</td>
</tr>
<tr>
    <td>2</td>
    <td>b</td>
</tr>    
<tr id="removeabove">
    <td>3</td>
    <td>c</td>
</tr>
</table>

现在我再也不知道这是否可能,到目前为止还没找到它,但是当我把id removeabove连成一行时,我希望前一行变得噗噗并且消失了(显示:无) ;)

提前Tnx

1 个答案:

答案 0 :(得分:1)

当把ID放在行上时,我假设你有一个指向行元素的变量。如果是这样,您可以隐藏上一行:

var prev = myrow.previous();
if (prev) {
    prev.hide();
}

(如果你不这样做,只需在上面加上var myrow = $('removeabove');Element#previous为你提供DOM中的前一个兄弟元素,如果没有,则为undefined。您也可以使用CSS选择器来匹配与选择器匹配的前一个元素,但这似乎不是您正在做的事情所必需的。

如果您希望 的行消失(不仅仅是隐藏),您可以使用remove代替hide,但您特别提到“display:none”这是hide所做的,所以......