javascript 当数字为空的时候 <a>标签样式为display:none

javascript 当a标签里面的数字为空的时候 (也就是 测试 这2个字为空的时候) 如何让a标签的样式为 display:none；其实就是让它不显示在页面上。

<div id="abc">
<a href="#">测试</a>
<a href="#"></a>
</div>

 <style>a:empty{display:none}</style>
<div id="abc">
<a href="#">测试</a>
<a href="#"></a>
</div>