jquery - 添加图标到 html i 标签

Question

在 jQuery 中，如何向 i 标记添加图标？

这是html代码:

<div class="example_infobox1">
    <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="info-box">
            <span class="info-box-icon"><i class=""></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>
    <!-- /.col -->
</div>

这是我尝试过的代码:

$('.example_infobox4 .i').addClass('fa fa-envelope-o');

我可以帮忙吗？

谢谢

Answer 1

您的选择器是错误的。 .i 将查找具有类 i 的元素。 i 将通过标签查找元素。

$('.example_infobox4 i').addClass('fa fa-envelope-o');

或

更具体:

$('.info-box-icon i').addClass('fa fa-envelope-o');

演示:https://jsfiddle.net/tusharj/nfjuk7mq/