javascript - 根据条件更改父 div 颜色的颜色

Question

我有如下的html代码

<div class="class1">
    <div class="class2">
        <span class="span1"></span>

如果 class="span1"的 span 在开始和结束标签之间没有值，我想用 class="class1"更改 div 的颜色

但是span加载后是用javascript填满的，那是用JS还是CSS改颜色呢？谁能告诉我一种方法吗？

我没有任何示例代码可以显示，因为我不确定如何开始

Answer 1

要确定指定元素之间是否没有标签，请使用 jQuery 提供的 html() 函数。要更改父项的样式，请使用 parent() 和 css() 函数。要等待 DOM 加载完毕，请使用 ready() 函数。

$(document).ready(function() {
  if (!$('.span1').html()) {
    $('.span1').parent().css({ color: 'red' });
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="class1">
  <div class="class2">text
    <span class="span1"></span>
  </div>
</div>