在打开页面时使用J Query隐藏Div类

时间:2014-12-23 05:42:41

标签: javascript jquery html css

我试图使用j查询隐藏div类字段,但我无法这样做。它是支持表单中的票证字段。这需要在开头隐藏,并反映何时选择特定值。我不工作。我尝试了两种不同的方式,但它不起作用。下面是我使用的HTML代码,HTML图像和JQuery代码。

HTML:

<div class="form-field string optional request_custom_fields_21158635">
  <label for="request_custom_fields_21158635">iOS Plugin Details</label>
  <input id="request_custom_fields_21158635" type="text" name="request[custom_fields][21158635]">
  <p>Please provide the iOS Plugin version details for your request. Example: iOS GA5.0.38</p>
</div>

J查询代码:一个仅隐藏字段,标签仍然可见。

var iosPluginId = "21158635";
$(document).ready(function() {
  if(cust_tags == "kony_internal") {
    $('#request_custom_fields_'+iosPluginId).hide();
  }
});

JQuery代码:两个标签和字段都可见。

$(".form-field string optional request_custom_fields_21158635").hide();

HTML Image

2 个答案:

答案 0 :(得分:1)

您正在使用多个选择器,如果您可以像

一样使用它们
$(".form-field.string.optional.request_custom_fields_21158635").hide();

它将是交集,它表示具有所有类的select元素。或者如果你想要一个联盟,你可以使用

$(".form-field, .string.optional, .request_custom_fields_21158635").hide();

表示选择至少有一个类的元素

相关问题:How can I select an element with multiple classes?

Fiddle

答案 1 :(得分:1)

你可以尝试下面的代码。它会起作用。

$('#request_custom_fields_'+iosPluginId).hide();
将此更改为以下代码。

你不能用#来上课。你必须使用“。”用于类,“#”用于id。

   $('.request_custom_fields_'+iosPluginId).hide();