Question

$('fieldset.one label, fieldset.two label').each(function () {
    var className = $(this).text().trim().toLowerCase();
    $(this).addClass('default ' + className);
});

我正在为标签元素动态添加类，但是当我尝试设置样式时，没有效果。其中一个自动添加.sedan类，我在firebug中看到它，但以下没有任何效果：

.sedan {
  display:none !important;
}

HTML：

<fieldset class="one">
  <label>sedan</label>
  <label>suv</label>
  <label>truck</label>
</fieldset>

<fieldset class="two">
  <label>sedan</label>
  <label>suv</label>
  <label>truck</label>
</fieldset>

Answer 1

使用jQuery的trim方法：

var className = $.trim($(this).text()).toLowerCase();

Answer 2

您在此处发布的代码没有任何问题。我刚刚在本地进行了测试，它运行得很好。确保您的选择器是正确的 - 您可以检查样式是否与firebug一起添加。

Answer 3

适合我：http://jsbin.com/amovo/edit

CSS对动态类没有影响

3 个答案: