Question

在jQuery中，当类没有值时，如何选择类并将其添加到类中？

以下是一些示例代码：

<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（）函数，但是当我想要添加的类没有类值时，我不知道如何使用它。

我应该使用特定的jQuery技术吗？

由于

Answer 1

您可以在元素中添加ID吗？

然后你可以做$（'＃element'）。addClass（'info-box'）etc

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中调用元素的非值类的方法。

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

或者至少，这就是我能想到的。

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

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

2 个答案: