javascript - 使用 javascript 隐藏面板网格行

Question

由于我无法为<h:panelGrid>表中的行 id 定义已知的计数变量，有没有办法<tr>通过 javascript 隐藏一个？

我需要对按钮属性执行类似document.getElementById("rowId")操作onclick，但每一行都有一个按钮。每个按钮都必须知道它的行 ID。

Answer 1

您可以像这样使用 rowClasses：

<h:panelGrid rowClasses="row1 row2 row3 row4...">
    <h:outputText value="row1" />
    <h:outputText value="row2" />
    <h:outputText value="row3" />
    <h:outputText value="row4" />
</h:panelGrid>

它将呈现如下：

<table>
    <tr class="row1"><td>row1</td></tr>
    <tr class="row2"><td>row2</td></tr>
    <tr class="row3"><td>row3</td></tr>
    <tr class="row4"><td>row4</td></tr>
</table>

现在，您将能够使用 jQuery 轻松访问它们$("table tr.row1").hide();并做任何您想做的事情。

或者

您也可以像这样访问第 n 个：$("table tr:nth-child(4)").hide();

Answer 2

html:

<button class="button-class">

查询：

$(document).ready(function(){
$('.button-class').each(function(){
$(this).closest('tr').hide();
});
});

Answer 3

当然，如果你想隐藏一个 tr 只是

html:

<button onclick="hideRow(this)">

js：

function hideRow(element){ element.parentNode.parentNode.style.display='none';}