當前位置：首頁 » 編程語言 » 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篩選相關的閱讀推薦