javascript - jquery给元素添加样式

Question

我有一个这样的div...

<div class="service_circle">
    <i class="fa fa-briefcase service_circle_icon"></i>
    <h5 class="service_circle_heading">Briefcase details</h5>
    <p class="service_circle_desc">We provide professional website design</p>
</div>

我要申请style="background-color:red;"到 <i>使用 jQuery 的元素。我写过这样的东西:

<script type="text/javascript">
    $(document).ready(function () {
        $(".service_circle").mouseenter(function () {
            $("this").next("i").attr("style", "background-color:red !important;");
        });
    });
</script>

它不起作用。请帮我解决这个问题。

Answer 1

使用 find() 获取子 i 元素并改为使用 css() 方法:

$(this).find("i").css("background-color", 'red');

另请注意，最好在 CSS 中设置样式并向元素添加类。试试这个:

.red { color: red; }

$(this).find("i").addClass('red');