Jquery隐藏表格行答案

【问题标题】：Jquery Hide table rowsJquery隐藏表格行
【发布时间】：2010-05-22 17:32:03
【问题描述】：

我隐藏了一堆文本框，它工作正常，问题是，文本框在一个表格中，所以我还需要隐藏相应的标签。结构是这样的

<tr>
<td>
Label
</td>
<td>
InputFile
</td>
</tr>

事实上，如果我隐藏有 fileinput 的行会更容易，有人可以帮忙

【问题讨论】：

标签： jquery

【解决方案1】：

这可能对你有用...

$('.trhideclass1').hide();

<tr class="trhideclass1">
  <td>Label</td>
  <td>InputFile</td>
</tr>

【讨论】：

【解决方案2】：

你只需要像这样遍历 DOM 树到最近的<tr>...

$("#ID_OF_ELEMENT").parents("tr").hide();

【讨论】：

【解决方案3】：

这应该可以解决问题。

$(textInput).closest("tr").hide();

【讨论】：

【解决方案4】：

$('inputFile').parent().parent().children('td > label').hide();

可以帮助您向上导航两个级别（到 TD，到 TR），向下移动两个级别（该 TR 中的所有 TD 及其 LABEL 标签），在那里应用 hide() 函数。

如果您想留在 TR 级别并隐藏它们：

$('inputFile').parent().parent().hide();

……就足够了。

您可以使用 jquery 选择器轻松浏览元素。

【讨论】：

【解决方案5】：

html

<tr><td><a href="" onclick=hideRow(event)></a></td></tr>

jquery

function hideRow(event){
  $(event.target || event.srcElement).parents('tr').hide();
}

【讨论】：

【解决方案6】：

如果标签在表格行中，您可以这样做来隐藏该行：

('.InputFile').parent().Hide()

您可以根据需要优化选择器，然后获取包含该元素的表格行。

编辑这是正确的做法。

    ('.InputFile').parents('tr').hide()

【讨论】：

【解决方案7】：

使用parents('tr').hide() 有效。但是，如果存在嵌入表，则所有父 tr 行都将被隐藏。在我的例子中，整个表单是隐藏的，因为有很多嵌入的表格。

【讨论】：

【解决方案8】：

如果您希望同时隐藏文本字段和标签，我认为最好的选择是为每个字段分配一个类并像这样隐藏它们：

jQuery(".labelClass, .inputClass").hide();

【讨论】：