當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  編程技術(shù) >  正文

jQuery使用contains過(guò)濾器實(shí)現(xiàn)精確匹配的方法

 2020-11-17 14:20  來(lái)源: 田珊珊個(gè)人博客   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

:contains 選擇器選取包含指定字符串的元素。

該字符串可以是直接包含在元素中的文本,或者被包含于子元素中。

經(jīng)常與其他元素/選擇器一起使用,來(lái)選擇指定的組中包含指定文本的元素,如:

$(“p:contains(is)”) 表示選擇所有包含 “is” 的元素。

再如:

$(“p:contains(張三)”) 或 $(“p:contains(“張三”)”) 表示選擇所有包含 “張三” 的元素。

在該選擇器里也可以使用變量來(lái)達(dá)到選取的目的,如:

$(document).ready(function(){

var ddd="John";

$("div:contains(‘" + ddd + "‘)").css("color", "#f00");

});

我們也可以將jquery的filter方法和contains方法一起使用來(lái)達(dá)到更加模糊匹配的目的,如:

$(document).ready(function(){

$(".box").filter(":contains(李)").css("color", "#f00");

});

表示將包含”李“的box的文字顏色設(shè)置為紅色。

文章來(lái)源:田珊珊個(gè)人博客

來(lái)源地址:http://www.tianshan277.com/667.html

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
jquery教程

相關(guān)文章

熱門排行

信息推薦