代码之家  ›  专栏  ›  技术社区  ›  eozzy

CSS对动态类没有影响

  •  1
  • eozzy  · 技术社区  · 16 年前
    $('fieldset.one label, fieldset.two label').each(function () {
        var className = $(this).text().trim().toLowerCase();
        $(this).addClass('default ' + className);
    });
    

    我正在动态地向标签元素添加类,但是当我尝试设置它们的样式时,没有任何效果。其中一个有。轿车类自动添加,我在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>
    
    3 回复  |  直到 13 年前
        1
  •  1
  •   Richard M    13 年前

    使用jQuery trim 方法:

    var className = $.trim($(this).text()).toLowerCase();
    
        2
  •  0
  •   graphicdivine    16 年前
        3
  •  0
  •   Sampson    16 年前

    你在这里发布的代码没有问题。我刚在本地测试过,效果很好。确保您的选择器是正确的-并且您可以检查样式是否与Firebug一起添加。