我有一个这样的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>
它不起作用。请帮我解决这个问题。
最佳答案
使用 find()
获取子 i
元素并改为使用 css()
方法:
$(this).find("i").css("background-color", 'red');
另请注意,最好在 CSS 中设置样式并向元素添加类。试试这个:
.red { color: red; }
$(this).find("i").addClass('red');
关于javascript - jquery给元素添加样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32624780/