这有什么问题吗? 我试图隐藏所有空的李。
$(document).ready(function() {
$("#details li").each(function() {
if ($(this).length == 0) {
$(this).css({ display: "none" }); ;
}
});
});
标记:
<ul id="details">
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li></li>
<li></li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
提前谢谢
最佳答案
我想你想要的是 .text()
长度,像这样:
$(function() {
$("#details li").each(function() {
if ($(this).text().length == 0) {
$(this).css({ display: "none" }); ;
}
});
});
或者更短一点:
$("#details li").filter(function() {
return $(this).text().length == 0;
}).hide();
或者一个稍微不同的检查,适合您的目的,礼貌@Rafael :
$("#details li:empty").hide();
关于jQuery 循环 ul li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3549680/