将类添加到标记

Question

我想在我的

中添加一个课程

<p class="formField" id="equipmentTypeContent">some content is here...</p>

以下是我尝试这样做的方法，但它不起作用：

$('#equipmentTypeContent').addClass("singleEquipmentText");

我不知道在这种情况下，除了标签的类型之外，jQuery是否需要知道它是什么类型的元素（在这种情况下是

标签）？我怀疑它，我认为它只需要你正在操纵的元素的id？

Answer 1

您的代码似乎很好，但您需要将代码包装在ready handler：

中

$(function(){
  $('#equipmentTypeContent').addClass("singleEquipmentText");
});

还要确保已在页面上加载了jQuery。

Answer 2

您的代码没有任何问题。请参阅jsFiddle上的working copy

Answer 3

Here是一个小提示，显示在下拉列表中更改选择后如何执行此操作（并通过返回p元素的更新类来证明它）。

我正在使用jQuery .change()函数在select元素的值更改后执行某些代码。在这种情况下，我获取select元素的值，去除空格，并将生成的，无空格的字符串作为类添加到p元素。

Answer 4

如果脚本位于HTML

之上，则代码尝试使用jquery ready函数没有错

$(document).ready(function(){
  $('#equipmentTypeContent').addClass("singleEquipmentText");
});

如果您想使用该类

添加所有类，也可以使用该类访问

$(document).ready(function(){
  $('.formField').addClass("singleEquipmentText");
});