求3条JS或jQuery语句

ps94506 2月前

第一条

删除网页中空白内容的h2语句,空白内容有可能是回车,换行符或空格,但肯定是没有文字内容的


第二条,删除空白内容的ul语句,内容同上


第三条,如何将当前链接成激活状态,就是添加一个类(class='active'),JS或jQuery都行


非常感谢

最新回复 (6)
  • 2月前
    引用 2

    # 通过后端直接输出当前链接是否需要加 active , 是则增加 active

    # 后端为每个链接分配一个 fid, 前端通过 js 判断当前页面的 fid 与哪个链接相同, 为其增加 active

    # 不通过后端程序判断, 由前端js通过url判断当前页面是否为对应链接,如果是则增加 active


    如果链接是当前页面,则高亮

    说明当前页面是独立的链接, 当前页面是独立的页面

    则可以在页面输出前就判断当前链接是否需要加 active, 如果需要则加上 class="active", 输出之后直接css渲染了

    也可以像xiuno的导航一样写法, 导航栏每个链接只添加一个 fid , 然后用 js 判断



    比如 XIUNO 的导航条页面代码是这样的:

    导航条的 HTML

    <style>
        #nav_pc .active > a { color:#ff0000; }
    </style>
    
    <ul id="nav_pc">
        <li class="nav-item" fid="0"><a>首页</a></li>
        <li class="nav-item" fid="1"><a>默认版块</a></li>
        <li class="nav-item" fid="2"><a>默认版块</a></li>
        <li class="nav-item" fid="3"><a>默认版块</a></li>
        <li class="nav-item" fid="4"><a>默认版块</a></li>
    </ul>


    XIUNO 页面底部 JS 依赖 JQ 和 Bootstrap 的写法

    <script src="view/js/jquery-3.1.0.js?v1.32"></script>
    <script src="view/js/bootstrap.js?v1.32"></script>
    <script>
        $('#nav_pc li[fid="2"]').tab('show');
    </script>


    如果不打算使用 Bootstrap , 可以直接

    <script src="view/js/jquery-3.1.0.js?v1.32"></script>
    <script>
        $('#nav_pc li[fid="1"]').addClass("active");
    </script>


    js 中的 [fid="2"] 是由后端输出的当前页面的 fid

    如果对应 则会给其 class 增加一个 active

    这样 导航与内容分开写 方便内容页或者其他页面也可以控制导航条的状态

    其实可以在输出导航条时判断是否和当前页面的fid相同, 是则直接增加一个 active ,完全不需要 JS


    # 页面的 fid 是指版块 ID, 当点开对应版块时能够从数据库取得的值

    # 使用 fid 是为了在到对应贴子中也可以取得相应 fid 并且点亮导航条





  • ps94506 2月前
    引用 3
    # 通过后端直接输出当前链接是否需要加 active , 是则增加 active# 后端为每个链接分配一个 fid, 前端通过 js 判断当前页面的 fid 与哪个链接相同, 为其增加 active# ...
    非常感谢你的回复,我不是使用xiuno,

    是用织梦生成的页面
  • ps94506 2月前
    引用 4
    # 通过后端直接输出当前链接是否需要加 active , 是则增加 active# 后端为每个链接分配一个 fid, 前端通过 js 判断当前页面的 fid 与哪个链接相同, 为其增加 active# ...
    如果可以,先帮忙解决一下第一,第二个问题吧

    1,要删除的是   

    <h2></h2>

    中间没有空格,回车,换行符

    2,要删除的是:

    <ul  class="index-article-list">

    </ul>

    中间有一个空行
  • ps94506 2月前
    引用 5
    # 通过后端直接输出当前链接是否需要加 active , 是则增加 active# 后端为每个链接分配一个 fid, 前端通过 js 判断当前页面的 fid 与哪个链接相同, 为其增加 active# ...
    再次感谢先
  • 2月前
    引用 6
    <ul>
        <li><a>首页</a></li>
        <li><a>默认版 块</a></li>
        <li><a>默认版 块</a></li>
        <li></li>
        <li><a>默认版 块</a></li>
    </ul>
    <button>删掉空行li</button>
    <script src="view/js/jquery-3.1.0.js?v1.32"></script>
    <script>
        //按下按钮时执行
    	$("button").click(function(){
    		//遍历 最好是指定一个范围,而不是整个页面
    		$("li").each(function(){
    			var sta = $(this)[0].innerHTML.replace(/<\/?[^>]*>/gim,"");//去掉所有的html标记
    			var stb=sta.replace(/(^\s+)|(\s+$)/g,"");//去掉前后空格
    			var stc=stb.replace(/\s/g,"");//去除中间空格
    			var sss=stc.replace(/<\/?.+?>/g,"");//去除换行
    			//alert(sss.length)
    			if(sss.length > 0){
    				//如果有内容, 无操作
    			}else{
    				//如果长度为0, 则移除当前元素
    				$(this).remove()
    			}
    		});
    	});
    </script>


    第 14 行的 li 换成 ul 或者 h2 应该就可以了..

    触发删除的方式可以是加载完页面后或者执行过某个操作时


  • ps94506 2月前
    引用 7
    &lt;ul&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a&gt;首页&am ...
    非常感谢,我试试
返回
HTTP/1.1 502 Bad Gateway Content-Type: text/html Connection: close Content-Length: 303 Date: Sat, 20 Jan 2018 19:47:48 GMT X-Via: 1.1 host.localdomain (random:420538 Fikker/Webcache/3.7.4) 502 Bad Gateway

502 Bad Gateway - Cann't Connect To Upstream Server By SSL Read

Server: host.localdomain
Date: 2018-01-20 19:47:48

Fikker/Webcache/3.7.4