javascript - 如果另一个元素为空，如何向元素添加类？

Question

当 <'a'> 为空时，我尝试删除现有类(蓝色)并向 <'h2'> 添加新类(红色)。

<div id="heading" class="header">
   <h2 id="title" class="blue">Header text goes here</h2>
   <a class="info" href="#"></a>
</div>

<style>
  .blue{color:blue}
  .red{color:red}
</style>

我尝试了一些变化，但没有成功。这是我的最新作品。

$("#heading a.info:empty").removeClass('blue').addClass("red");

对此的任何帮助将不胜感激。

Answer 1

使用.text()判断是否为空

var a =$(".info").text().trim();
a===""?($("#title").removeClass("blue").addClass('red')):''

JSFIDDLE