jQuery隐藏表行|jquery问答

我正在隐藏一堆文本框，并且工作正常，问题是，这些文本框位于表中，因此我还需要隐藏相应的标签。结构是这样的

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

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

这可能对您有用...

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

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

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

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

这应该可以解决问题。

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

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

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

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

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

… 足够了。

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

隐藏在此处记录：http :
//api.jquery.com/hide/

html

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

jQuery的

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

如果标签在表格行中，则可以执行以下操作以隐藏该行：

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

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

编辑这是正确的方法。

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

使用parents('tr').hide()作品。但是，如果有嵌入式表，则所有父tr行都将被隐藏。在我的情况下，由于存在许多嵌入式表，因此整个表单都是隐藏的。

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

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

本文地址：http://jquery.askforanswer.com/jqueryyincangbiaoxing.html
文章标签：jquery
版权声明：本文为原创文章，版权归 admin 所有，欢迎分享本文，转载请保留出处！