jQuery隐藏表行

2020/12/31 17:31 · jquery ·  · 0评论

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

<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();

jQuery API参考

这应该可以解决问题。

$(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/parent/

隐藏在此处记录: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()

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

jQuery选择器帮助:http : //api.jquery.com/category/selectors/

编辑 这是正确的方法。

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

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

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

jQuery(".labelClass, .inputClass").hide();
本文地址:http://jquery.askforanswer.com/jqueryyincangbiaoxing.html
文章标签:
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!