jQuery contains過濾器實(shí)現(xiàn)精確匹配使用方法
更新時(shí)間:2013年04月12日 15:44:07 作者:
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本,或者被包含于子元素中。經(jīng)常與其他元素/選擇器一起使用,來選擇指定的組中包含指定文本的元素
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//根據(jù)select中的option的文本來執(zhí)行選中
//$("#selectbox option[text='第二項(xiàng)']");
//$("#selectbox option").filter("[text='第二項(xiàng)']");
//上面兩種寫法都是錯(cuò)誤的
//正確寫法
$("#btn4").click(function () {
var $option =$("#selectbox option:contains('第二項(xiàng)')").map(function(){
if ($(this).text() == "第二項(xiàng)") {
return this;
}
});
alert($option.length > 0 ? "有對(duì)象" : "無對(duì)象");
$option.attr("selected", true);
});
});
</script>
</head>
<body>
<form id="form1">
<div>
<select id="selectbox">
<option value="1">第一項(xiàng)</option>
<option value="2">第二項(xiàng)</option>
<option value="21">第二項(xiàng)1</option>
</select>
<input type="button" id="btn4" value="contains測(cè)試" />
</div>
</form>
</body>
</html>
$(".selector:contains('xx')")
contains()只作匹配查找,不夠精確,包含xx的selector和包含xxabc的selector都會(huì)查到。
解決辦法:
?$(".selector:contains('xx')[innerHTML='xx']")
這樣將查找內(nèi)容只有xx的selector。
您可能感興趣的文章:
- 解決Python出現(xiàn)_warn_unsafe_extraction問題的方法
- C#判斷字符串中是否包含指定字符串及contains與indexof方法效率問題
- iOS中containsString和rangeOfString的區(qū)別小結(jié)
- Oracle 中Contains 函數(shù)的用法
- 如何解決Mybatis--java.lang.IllegalArgumentException: Result Maps collection already contains value for X
- jQuery使用contains過濾器實(shí)現(xiàn)精確匹配方法詳解
- jQuery中:contains選擇器用法實(shí)例
- PowerShell Contains函數(shù)查找字符串實(shí)例
- Python extract及contains方法代碼實(shí)例
相關(guān)文章
jQuery中attr()與prop()函數(shù)用法實(shí)例詳解(附用法區(qū)別)
這篇文章主要介紹了jQuery中attr()與prop()函數(shù)用法,結(jié)合實(shí)例形式詳細(xì)分析了attr()與prop()函數(shù)的使用技巧與相關(guān)注意事項(xiàng),并附帶了attr()與prop()函數(shù)用法的區(qū)別,需要的朋友可以參考下2015-12-12Jquery 實(shí)現(xiàn)checkbox全選方法
本文主要向大家展示了一段使用jQuery實(shí)現(xiàn)checkbox全選的方法,以及編寫此方法的背景和過程,非常詳細(xì),這里推薦給小伙伴們。2015-01-01Validform+layer實(shí)現(xiàn)漂亮的表單驗(yàn)證特效
創(chuàng)建一個(gè)JavaScript表單驗(yàn)證插件,可以說是一個(gè)繁瑣的過程,涉及到初期設(shè)計(jì)、開發(fā)與測(cè)試等等環(huán)節(jié)。實(shí)際上一個(gè)優(yōu)秀的程序員不僅是技術(shù)高手,也應(yīng)該是善假于外物的。本文就給大家結(jié)合2款優(yōu)秀的插件來實(shí)現(xiàn)這個(gè)問題,有需要的小伙伴可以參考下2016-01-01使用jquery動(dòng)態(tài)加載js文件的方法
這篇文章主要介紹了使用jquery動(dòng)態(tài)加載js文件的方法,需要的朋友可以參考下2014-12-12jQuery實(shí)現(xiàn)拖動(dòng)調(diào)整表格單元格大小的代碼實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)拖動(dòng)調(diào)整表格單元格大小的代碼實(shí)例,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-01-01通過jsonp獲取json數(shù)據(jù)實(shí)現(xiàn)AJAX跨域請(qǐng)求
JSON 可通過 JavaScript 進(jìn)行解析,JSON 數(shù)據(jù)可使用 AJAX 進(jìn)行傳輸,這篇文章主要介紹了通過jsonp獲取json數(shù)據(jù)(實(shí)現(xiàn)AJAX跨域請(qǐng)求),有興趣的可以了解一下。2017-01-01