Back to home
JQuery隐藏分类、去除底部搜索栏、添加最新、管理链接、将底部导航栏复制一份到顶部
2020-07-04 03:34:33 -0400
//需要导入JQuery 2.1.0库
<script type="text/javascript">
$(function(){
//①将分类隐藏
$("a[href^='/cat']").css("display","none");
//②将底部搜索隐藏
$(".wo-search-form").css("display","none");
//③在“订阅”前面添加“最新”、“意见”链接
$(".wo-site-feed-link").before("<span class='myspan'><a href='https://wodemo.net/latest'>最新</a> | <a href='https://wodemo.net/group/wodemo'>意见</a> | </span>");
/*
④将底部导航复制到页面顶部
*/
//1.将“管理(或注册)”链接标签添加span父元素(admin_span),方便选择该链接
$(".wo-site-feed-link+a").wrap("<span class='admin_span'></span>")
//2.“管理(或注册)”后面插入“ |”
$('.admin_span').append(" |");
//3.将“登录”链接标签添加span父元素(login_span),方便选择该链接
$('.admin_span+a').wrap("<span class='login_span'></span>");
//4.在“登录”后面插入“ |”,在前面插入“ ”
$('.login_span').prepend(" ").append(" |");
//5.将底部导航(包括最新、意键、订阅、注册(管理)、登录)整体添加一个div父元素(bottomspan)
$(".myspan,.wo-site-feed-link,.wo-lang-link,.admin_span,.wo-n-count-block,.login_span").wrapAll("<div class='bottomspan'></div>")
//6.将#bottomspan里面的内容复制一份到#mydiv,即将底部导航复制到<div id='mydiv'></div>,这个div预先放到页面顶部
$('#myid').html($('.bottomspan').html());
//不需要理会,其实上面的操作在底部导航下面会出现'|',此代码是把它去掉,不过会影响网页渲染速度,不推荐使用,如果要使用,请将下面一段代码放在③和④之间
//var rep=/<\/a>[^<]*<span[^>]*wo-lang-link[^>]*>/g;
//$("#whole_body").html($("#whole_body").html().replace(rep,' | </a><span class="wo-lang-link">'));
});
</script>
----Comments(2)----
@yucho |
@ at 2021-02-14 00:54:
@zhenwu 上面1和2用css就可以做到
@zhenwu |
@ at 2020-07-04 23:14:
初中生都这么牛掰
Back to home
Subscribe |
Register |
Login
| N