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>



«Newer      Older»

----Comments(2)----
@yucho | @ at 2021-02-14 00:54:
@zhenwu 上面1和2用css就可以做到
@zhenwu | @ at 2020-07-04 23:14:
初中生都这么牛掰
Comment:
Name:

Back to home

Subscribe | Register | Login | N