使用jquery隐藏输入和标签

时间:2017-03-24 14:34:43

标签: javascript jquery input label hide

我必须隐藏复选框和标签。我可以隐藏复选框,但不能隐藏标签。

<span class="SoToolButtonToolbar" style="white-space:nowrap;">
<input id="_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9" name="_ctl0:_ctl0:_Splitter:CustomContactActivityDcoumentArchive:_ctl9" checked="checked" onclick="CustomContactActivityDcoumentArchiveArchiveControl.ChangeEntitySetting(this,'mailing');" type="checkbox">
<label for="_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9" class="TextUnselectable">Kampagnen</label>
</span>

我可以隐藏复选框:

$('_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9').hide();

or

$("_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9").css("display","none")

但我无法隐藏标签。 我已经尝试了以下代码但没有成功:

$('label[for=_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9]').hide();

但我会得到一个null null TypeError。

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

你可以使用class来隐藏它们。它很简单,只需添加相同的类,然后一个代码将隐藏

<span class="SoToolButtonToolbar" style="white-space:nowrap;">
<input id="_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9" name="_ctl0:_ctl0:_Splitter:CustomContactActivityDcoumentArchive:_ctl9" checked="checked" class="hide-element" onclick="CustomContactActivityDcoumentArchiveArchiveControl.ChangeEntitySetting(this,'mailing');" type="checkbox">
<label for="_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9" class="TextUnselectable hide-element">Kampagnen</label>
</span>

然后使用此代码

$('.hide-element').hide();

或者您输入的此代码。你错过了#tag的id选择器

$("#_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9").hide();

这是标签

$('label[for="_ctl0__ctl0__Splitter_CustomContactActivityDcoumentArchive__ctl9"]').hide();