如何通过 jQuery 添加 class 其中 class 没有名称

Question

在 jQuery 中，当 class 没有值时，如何 select 和添加 class 到 class？

这是一些示例代码：

<div class="">
  <div class="">
    <span class=""><i class=""></i></span>
    <div class="">
      <span class=""></span>
      <span class=""></span>
    </div><!-- /.info-box-content -->
  </div><!-- /.info-box -->
</div>

如果我只有上面的代码，如何使用jQuery实现下面的代码：

<div class="col-md-3 col-sm-6 col-xs-12">
  <div class="info-box">
    <span class="info-box-icon bg-aqua"><i class="fa fa-envelope-o"></i></span>
    <div class="info-box-content">
      <span class="info-box-text">Messages</span>
      <span class="info-box-number">1,410</span>
    </div><!-- /.info-box-content -->
  </div><!-- /.info-box -->
</div>

我知道 jQuery 有 addClass() 函数，但是当我想添加的 class 没有 class 时，我不确定如何使用它值。

是否有我应该使用的特定 jQuery 技术？

谢谢

Answer 1

你能为你的元素添加 ID 吗？

然后你可以做 $('#element').addClass('info-box') 等等

Answer 2

$(function() {
    $("div[class='']").each(function(i){
        switch (i) {
            case 0:
                $(this).addClass("col-md-3 col-sm-6 col-xs-12");
                break;
            case 1:
                $(this).addClass("info-box");
                break;
            case 2:
                $(this).addClass("info-box-content");
                break;
            default:
                $(this).addClass("yawn");
                break;
        }
    });
});

这就是 jquery 中元素的非值 class 的调用方式。

$("div[class='']").addClass("test");

或者至少，我是这么想的。

http://jsfiddle.net/mikeill/4keypu23/1/

如何通过 jQuery 添加 class 其中 class 没有名称

How to add a class via jQuery where the class has no name

jquery

selector

addclass