当前位置：首页 » 编程语言 » html筛选

html筛选

发布时间: 2021-03-16 23:15:08

❶ html 代码能否筛选重复内容

HTML是静态页面做不到这样的效果
你可以用JS来做

❷ JS 前端的筛选代码

我特么的终于写出来了，，给大家拿去用用看，自己添加css样式。我感觉头发要掉了。

粗略的样子就是这样，后面是代码。

//JavaScriptDocument
//JavaScriptDocument
/*!jQueryv2.1.4|(c)2005,2015jQueryFoundation,Inc.|jquery.org/license*/

$(document).ready(function(){
$(".uox").click(function(){
$(".uox-1").show(500);
$(".uos-1").hide(500);
$(".box-1").hide(500);
$(".jod-1").hide(500);
$(".sor-1").hide(500);
$("#page").hide(500);

});

$(".uos").click(function(){
$(".uos-1").show(500);
$(".uox-1").hide(500);
$(".box-1").hide(500);
$(".jod-1").hide(500);
$(".sor-1").hide(500);
$("#page").hide(500);
});

$(".box").click(function(){
$(".box-1").show(500);
$(".uos-1").hide(500);
$(".uox-1").hide(500);
$(".jod-1").hide(500);
$(".sor-1").hide(500);
$("#page").hide(500);
});

$(".jod").click(function(){
$(".jod-1").show(500);
$(".uos-1").hide(500);
$(".box-1").hide(500);
$(".uox-1").hide(500);
$(".sor-1").hide(500);
$("#page").hide(500);
});

$(".sor").click(function(){
$(".sor-1").show(500);
$(".uos-1").hide(500);
$(".box-1").hide(500);
$(".jod-1").hide(500);
$(".uox-1").hide(500);
$("#page").hide(500);
});

//第一组筛选结束
//开始第二组筛选

$(".newch").click(function(){
$(".newch-1").show(500);
$(".bopch-1").hide(500);
$(".luoch-1").hide(500);
$(".dizch-1").hide(500);
$(".dnych-1").hide(500);
$(".ousch-1").hide(500);
$(".tiych-1").hide(500);
$(".getch-1").hide();
$("#page").hide(500);
});
$(".luoch").click(function(){
$(".luoch-1").show(500);
$(".newch-1").hide(500);
$(".bopch-1").hide(500);
$(".dizch-1").hide(500);
$(".dnych-1").hide(500);
$(".ousch-1").hide(500);
$(".tiych-1").hide(500);
$(".getch-1").hide();
$("#page").hide(500);
});

$(".bopch").click(function(){
$(".bopch-1").show(500);
$(".newch-1").hide(500);
$(".dizch-1").hide(500);
$(".dnych-1").hide(500);
$(".luoch-1").hide(500);
$(".ousch-1").hide(500);
$(".tiych-1").hide(500);
$(".getch-1").hide(500);
$("#page").hide(500);
});

$(".dizch").click(function(){
$(".dizch-1").show(500);
$(".bopch-1").hide(500);
$(".newch-1").hide(500);
$(".luoch-1").hide(500);
$(".dnych-1").hide(500);
$(".ousch-1").hide(500);
$(".tiych-1").hide(500);
$(".getch-1").hide(500);
$("#page").hide(500);
});

$(".dnych").click(function(){
$(".dnych-1").show(500);
$(".bopch-1").hide(500);
$(".dizch-1").hide(500);
$(".luoch-1").hide(500);
$(".newch-1").hide(500);
$(".ousch-1").hide(500);
$(".tiych-1").hide(500);
$(".getch-1").hide(500);
$("#page").hide(500);
});

$(".ousch").click(function(){
$(".ousch-1").show(500);
$(".bopch-1").hide(500);
$(".dizch-1").hide(500);
$(".luoch-1").hide(500);
$(".dnych-1").hide(500);
$(".newch-1").hide(500);
$(".tiych-1").hide(500);
$(".getch-1").hide(500);
$("#page").hide(500);
});

$(".tiych").click(function(){
$(".tiych-1").show(500);
$(".bopch-1").hide(500);
$(".dizch-1").hide(500);
$(".luoch-1").hide(500);
$(".dnych-1").hide(500);
$(".ousch-1").hide(500);
$(".newch-1").hide(500);
$(".getch-1").hide(500);
$("#page").hide(500);
});

$(".getch").click(function(){
$(".getch-1").show(500);
$(".bopch-1").hide(500);
$(".luoch-1").hide(500);
$(".dizch-1").hide(500);
$(".dnych-1").hide(500);
$(".ousch-1").hide(500);
$(".tiych-1").hide(500);
$(".newch-1").hide(500);
$("#page").hide(500);
});
//第二组结束
//第三组筛选

$(".wan-10").click(function(){
$(".wan-sh").show(500);
$(".wan-es").hide(500);
$(".wan-ss").hide(500);
$(".wan-ws").hide(500);
$(".wan-bs").hide(500);
$(".wan-yb").hide(500);
$(".wan-oth").hide(500);
});
$(".wan-20").click(function(){
$(".wan-es").show(500);
$(".wan-sh").hide(500);
$(".wan-ss").hide(500);
$(".wan-ws").hide(500);
$(".wan-bs").hide(500);
$(".wan-yb").hide(500);
$(".wan-oth").hide(500);
});
$(".wan-30").click(function(){
$(".wan-ss").show(500);
$(".wan-es").hide(500);
$(".wan-sh").hide(500);
$(".wan-ws").hide(500);
$(".wan-bs").hide(500);
$(".wan-yb").hide(500);
$(".wan-oth").hide(500);
});
$(".wan-50").click(function(){
$(".wan-ws").show(500);
$(".wan-es").hide(500);
$(".wan-ss").hide(500);
$(".wan-sh").hide(500);
$(".wan-bs").hide(500);
$(".wan-yb").hide(500);
$(".wan-oth").hide(500);
});
$(".wan-80").click(function(){
$(".wan-bs").show(500);
$(".wan-es").hide(500);
$(".wan-ss").hide(500);
$(".wan-ws").hide(500);
$(".wan-sh").hide(500);
$(".wan-yb").hide(500);
$(".wan-oth").hide(500);
});
$(".wan-100").click(function(){
$(".wan-yb").show(500);
$(".wan-es").hide(500);
$(".wan-ss").hide(500);
$(".wan-ws").hide(500);
$(".wan-bs").hide(500);
$(".wan-sh").hide(500);
$(".wan-oth").hide(500);
});
$(".wan-ot").click(function(){
$(".wan-oth").show(500);
$(".wan-es").hide(500);
$(".wan-ss").hide(500);
$(".wan-ws").hide(500);
$(".wan-bs").hide(500);
$(".wan-yb").hide(500);
$(".wan-sh").hide(500);
});

//第三组结束

//全部==按钮
$(".qos").click(function(){
$("*").show(500);
$(".uio").show(500);
$(".uip").show(500);
$("#page").hide();
});

$(".zhan").click(function(){
$("#page").slideToggle(500);

});

$(".hons").click(function(){
$("*").toggleClass("red");
});
//变色（红色）

$(".newsli").first().css("color","#5A0305");
$(".newsa").first().css("color","#5A0305");

$(".newsli").eq(1).css("color","#C0832C");
$(".newsa").eq(1).css("color","#C0832C");

$(".newsli").eq(2).css("color","#12B4B7");
$(".newsa").eq(2).css("color","#12B4B7");

$(".newsli").eq(3).css("color","#000");
$(".newsli").eq(4).css("color","#000");
$(".newsli").eq(5).css("color","#000");
$(".newsli").eq(6).css("color","#000");
$(".newsli").eq(7).css("color","#000");
$(".newsli").eq(8).css("color","#000");
$(".newsli").eq(9).css("color","#000");

//获取外部文件代码
$(".huoq").click(function(){
$("#div1").load("../DW+GY/css/loud.htm");
});

});

❸ html中如何筛选出相同字号的文字

你确定是字体大小?获取他的css,然后比对吧

❹ 用正则表达式筛选html中表格中的数据

OMG直接打开是乱码，查看源文件看到有几个人名，到底是提取哪些信息？
人名+？+？

❺ php筛选输出html (已提供条件)

.....各位都在回答什么啊....-_-#

你可以在模板里，先匹配出当前URL那个数字，然后在while里面加判断，是就输出，不然不输出。

<body>
..html代码...

<?php
$str=$_SERVER['REQUEST_URI'];
$p="/.*/=(d+)/";
$res=array();
preg_match($p,$str,$res);
$cur_url_num=$res[1];//Hold住，模板里面用变量存起来
?>

<?phpwhile($cate->next()):?>
<?phpif(!$cate->parent):?>
<!--检查即将输出的URL是否含有目标数字,是就echo-->
<?phpif(strpos($cate->permalink(),'='.$cur_url_num)!==false):?>
<ahref="<?php$cate->permalink();?>"><?php$cate->name();?></a>
<?phpendif;?>
<?phpendif;?>
<?phpendwhile;?>


..html代码...
</body>

其实就是多一个步骤，判断是否你要的URL而已，另外推荐你先检查有没有直接输出当前循环下的ID，例如$cate->id();什么的，有就这个判断：if($cate->id() ==$cur_url_num):

❻ 求助。exl文档操作问题。有一html文件，我想筛选<span>*</span>，除了<span>*</span>其他都不要

<span[^>]*>(?:(?!<\/span>)[\s\S])*<\/span>

❼ 如何用正则表达式筛选html中表格中的数据

你这表里哪些算是有效数据呢？？

而且，这个直接用$("xx").text()就可以筛选了吧。不需要正版则。权

如果这是一段文本，而不是dom

可以试试。

varstr="上面文本";
varreg=/<span.*>(.*)</span>/g;
varll=str.match(reg);
vararr=[];
while(reg.exec(str)!=null){
	arr.push(RegExp.$1+"
");
}
console.log(arr)

❽ 网页上面如何做带搜索筛选功能的选择框，下拉列表。

如果仅考虑客户端，那么用的就是数据字典，将数据缓存起来。

考虑到数据来自于服务端的比较多，且结合AJAX技术，下拉框中的内容每发生一次改变，就会查询一次服务器，然后服务端对客户端的请求进行处理，找到响应的数据，并反馈给客户端，然后客户端进行显示，这种下拉框式的列表，如今一般都是自己写的样式了。

为避免页面重复刷新，推荐使用AJAX进行异步交互。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>123</title>
<style type="text/css">
#list
{
height: 100px;
width: 155px;
border:1px solid #FFCC00;
}
</style>
</head>
<body>
<input id="search"/>
<div id="list" style="display: none;">
<ul id="group">
</ul>
</div>
</body>
<script LANGUAGE="JAVASCRIPT">
var array = [["a", "ab", "abc"], ["d", "de", "def"]];
var search = document.getElementById("search");
var list = document.getElementById("list");
var group = document.getElementById("group");

search.addEventListener("input", input, false);
//search.addEventListener("keyup", keyup, false);

function input(){
//删除所有子节点
var children = group.childNodes;
while(group.lastChild)
{
group.removeChild(group.lastChild);
list.style.display = "none";
}

for(var i = 0; i < array.length; i++)
{
for(var j = 0; j < array[i].length; j++)
{
if(search.value.toString() == array[i][j])
{
list.style.display = "block";
show(array[i]);
}
}
}
}

//显示内容
function show(arr){
var temp = arr;

for(var k = 0; k < temp.length; k++)
{
if(temp[k].indexOf(search.value) > -1)
{
var ele = document.createElement("li");
group.appendChild(ele);
ele.innerHTML = temp[k];
}
}
}
</script>
</html>

如果要兼容IE，input事件名称要做修改。

❾ jquery如何实现一个表格的筛选,也就是按条件查找筛选

1、首先新建html文档，向下查找兄弟标签：.next()。

❿ EXCEL如何筛选HTML代码中的图片链接！

直接用记事本的替换功能输入<img*/>，把所有的都选了，右键复制出来就是了

阅读全文

html筛选

与html筛选相关的阅读推荐