我想隐藏所有<li>
如果它们是空的或者里面有空格<li>
.
我这样做是这样的:
$("li:empty").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
这是错误的语法吗?
如果我创建一个类来清空<li>
看不见,效果很好。像这样:
$("li[class='hideLi']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
但我不知道哪个<li>
将是空的。
有人可以帮我吗?
我想要做display=none
if the <li>
是空的。
这是我的代码:-
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("td:empty").css('display', 'none');
$("div:empty").css('display', 'none');
$(!$.trim('li:empty')).hide();
$("li[class='hideLi']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
});
</script>
<ul>
<li style="border:red solid 1px ">HI</li>
<li style="border:green solid 1px "> </li>
<li style="border:blue solid 1px " class="hideLi"> </li>
</ul>
Thanks,
您可以使用.hide() http://api.jquery.com/hide/
如果您有空间,要使其工作,您可以使用jQuery.trim() http://api.jquery.com/jQuery.trim/
$("li").each(function() {
if(!$.trim($(this).html())) {
$(this).hide();
}
});
工作示例:小提琴的例子 http://jsfiddle.net/8B22K/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)