javascript - jquery做筛选显示
大家讲道理
大家讲道理 2017-04-11 13:00:32
[JavaScript讨论组]
        

这三个li中包含a标签的可以显示,不包含a标签的则隐藏,用jquery怎么做?或者AngularJS做?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(4)
PHP中文网
$('a', $('li').hide()).closest('li').show();

使用 a 来逆向查找 li

怪我咯

//默认全部隐藏
$("ul").find("li").each(function(i){
var flag=$(this).find("a").length;//判断当前元素是否包含a标签,大于0为真,否则为假
if(flag){

 $(this).show();

}
});
//另一种方法
$("ul").find("li").filter(function(index){
return $(this).find('a').length;
}).show();

PHP中文网

$("ul li").hide();
$("ul li a").show();

PHP中文网
// js
$('ul li').forEach(function(item,index){
    if($(item).find('a').length) {
        $(item).removeClass('hide')
    } else {
        $(item).addClass('hide')
    }
 })
//css
.hide{
    display:none;
}
.show{
   display:block;
}
// html
<ul>
    <li id='A_section hide'><span>A</span></li>
    <li id='B_section hide'><span>B</span></li>
    <li id='C_section hide'><span>C</span><a>123</a></li>
</ul>
@佣才
$("ul li").hide();
$("ul li a").parents('li').show();

这样就可以了(简便 赞)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号