<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.min.js"></script>
<style>
.selectCity {
/*//空樣式修肠，只用來標(biāo)記行 */
}
.sousuo {
background-color: #1bffed;
}
</style>
</head>
<body>
<li>
<label>名稱：</label>
<input type="text" id="selectByName" name="selectByName" value="" placeholder="請(qǐng)輸入名稱搜索......" />
<p>
<a href="javascript:void(0);" class="selectCity-all">全部</a>
<a href="javascript:void(0);" class="selectCity" value="xzz">小豬豬</a>
<a href="javascript:void(0);" class="selectCity" value="glxq">咖喱小氣</a>
<a href="javascript:void(0);" class="selectCity" value="qtds">齊天大圣</a>
<a href="javascript:void(0);" class="selectCity" value="mm">發(fā)抖的小喵咪</a>
<a href="javascript:void(0);" class="selectCity" value="mm">aaa</a>
</p>
</li>
</body>
<script type="text/javascript">
$("body").undelegate("#selectByName", "keyup").delegate("#selectByName", "keyup", function() {
var theName = $(this).val().replace(/\s+/g, "");
if(theName.length > 0) { //theName .length > 0 代表輸入了theName值
//遍歷要搜索的列表
$(this).next().find(".selectCity").each(function() {
if($(this).html().indexOf(theName) > -1) {
//如果包含搜索內(nèi)容撞蚕，則添加底色樣式
$(this).addClass("sousuo");
} else {
$(this).removeClass("sousuo");
}
});
} else { //否則 代表沒輸入theName值援奢，全部去除底色
$(this).next().find(".selectCity").each(function() {
$(this).removeClass("sousuo");
});
}
});
</script>
</html>
輸入框模糊搜索功能實(shí)現(xiàn)js
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來礼华，“玉大人咐鹤，你說我怎么就攤上這事∈バ酰” “怎么了祈惶？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長扮匠。 經(jīng)常有香客問我捧请，道長，這世上最難降的妖魔是什么棒搜？ 我笑而不...
- 正文 為了忘掉前任疹蛉，我火速辦了婚禮，結(jié)果婚禮上力麸，老公的妹妹穿的比我還像新娘可款。我一直安慰自己，他們只是感情好克蚂，可當(dāng)我...
- 文/花漫 我一把揭開白布闺鲸。 她就那樣靜靜地躺著，像睡著了一般埃叭。 火紅的嫁衣襯著肌膚如雪翠拣。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼欣范，長吁一口氣：“原來是場噩夢(mèng)啊……” “哼！你這毒婦竟也來了令哟？” 一聲冷哼從身側(cè)響起恼琼，我...
- 序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎屏富，沒想到半個(gè)月后晴竞，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡狠半，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年噩死，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片神年。...
- 正文 年R本政府宣布飘千，位于F島的核電站堂鲜，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏占婉。R本人自食惡果不足惜泡嘴，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望逆济。 院中可真熱鬧酌予，春花似錦、人聲如沸奖慌。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽简僧。三九已至建椰，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間岛马，已是汗流浹背棉姐。 一陣腳步聲響...
- 正文 我出身青樓笛洛，卻偏偏與公主長得像，于是被迫代替她去往敵國和親乃坤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子苛让，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 效果圖 css代碼 基本上沒什么設(shè)計(jì)，能用就好湿诊。 Jquery部分 首先是獲取提示詞部分 鍵盤操作部分 當(dāng)有輸入時(shí)...
- 先寫輸入框： 按鈕觸發(fā)事件及function方法(window.open為打開新的頁面具體頁面后續(xù))： 在comm...
- 最近公司項(xiàng)目中一直在搞地圖開發(fā),今天產(chǎn)品經(jīng)理就給我布置了一些(無法想象)任務(wù),其中一個(gè)就是實(shí)現(xiàn)地點(diǎn)搜索輸入框的自動(dòng)...
- 我媽是個(gè)地地道道的文盲厅须，她沒上過學(xué)仿畸，根本不認(rèn)識(shí)字。這個(gè)高速發(fā)達(dá)的社會(huì)像個(gè)巨大的離心機(jī)九杂，像她們這樣的人早已被甩到社會(huì)...
- 雙贏談判就是颁湖，這個(gè)世界上并不是所有的談判，最終的結(jié)果并不是都是你少拿一元例隆，以使得我多拿一元的談判甥捺。 ...
