当内容为空是 标签的样式为 display:none；

javascript如何实现当a标签里面的内容为空的时候 (也就是 测试 这2个字为空的时候) 如何让< li > 标签的样式为 display:none；

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

一行代码搞定：

$(function(){
    $("#abc").find("a:empty").parent().hide();

});

$('#abc a').each(function(){
$text = $(this).text();
if($text==''){
$(this).parent().hide()
}
})

确认一个问题，上面的li 是html上一开始有的 还是初始化的时候 动态加载出来的？