jQuery contains过滤器实现精确匹配使用方法
更新时间：2013年04月12日 15:44:07 作者：
contains 选择器选取包含指定字符串的元素。该字符串可以是直接包含在元素中的文本，或者被包含于子元素中。经常与其他元素/选择器一起使用，来选择指定的组中包含指定文本的元素
复制代码 代码如下:
<!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 () {
//根据select中的option的文本来执行选中
//$("#selectbox option[text='第二项']");
//$("#selectbox option").filter("[text='第二项']");
//上面两种写法都是错误的
//正确写法
$("#btn4").click(function () {
var $option =$("#selectbox option:contains('第二项')").map(function(){
if ($(this).text() == "第二项") {
return this;
}
});
alert($option.length > 0 ? "有对象" : "无对象");
$option.attr("selected", true);
});
});
</script>
</head>
<body>
<form id="form1">
<div>
<select id="selectbox">
<option value="1">第一项</option>
<option value="2">第二项</option>
<option value="21">第二项1</option>
</select>
<input type="button" id="btn4" value="contains测试" />
</div>
</form>
</body>
</html>
$(".selector:contains('xx')")
contains()只作匹配查找，不够精确，包含xx的selector和包含xxabc的selector都会查到。
解决办法：
?$(".selector:contains('xx')[innerHTML='xx']")
这样将查找内容只有xx的selector。
您可能感兴趣的文章:
- 解决Python出现_warn_unsafe_extraction问题的方法
- C#判断字符串中是否包含指定字符串及contains与indexof方法效率问题
- iOS中containsString和rangeOfString的区别小结
- Oracle 中Contains 函数的用法
- 如何解决Mybatis--java.lang.IllegalArgumentException: Result Maps collection already contains value for X
- jQuery使用contains过滤器实现精确匹配方法详解
- jQuery中:contains选择器用法实例
- PowerShell Contains函数查找字符串实例
- Python extract及contains方法代码实例
相关文章
jQuery中attr()与prop()函数用法实例详解(附用法区别)
这篇文章主要介绍了jQuery中attr()与prop()函数用法,结合实例形式详细分析了attr()与prop()函数的使用技巧与相关注意事项,并附带了attr()与prop()函数用法的区别,需要的朋友可以参考下2015-12-12
本文主要向大家展示了一段使用jQuery实现checkbox全选的方法，以及编写此方法的背景和过程，非常详细，这里推荐给小伙伴们。2015-01-01
这篇文章主要介绍了jQuery动态修改超链接地址的方法,实例分析了jQuery中attr方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
CSS伪元素不是DOM元素，因此你无法直接选择到它们。下面与大家分享两种不错的修改方法，需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jQuery中:file选择器用法,实例分析了:file选择器的功能、定义及选取类型为file的<input>元素的使用技巧,需要的朋友可以参考下2015-01-01
一个ajax智能提示/补全插件，以前自己用的，现在干脆把它做成插件，需要的朋友可以参考下。2011-02-02
创建一个JavaScript表单验证插件，可以说是一个繁琐的过程，涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手，也应该是善假于外物的。本文就给大家结合2款优秀的插件来实现这个问题，有需要的小伙伴可以参考下2016-01-01
这篇文章主要介绍了使用jquery动态加载js文件的方法,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jQuery实现拖动调整表格单元格大小的代码实例,本文直接给出实现代码,需要的朋友可以参考下2015-01-01
JSON 可通过 JavaScript 进行解析，JSON 数据可使用 AJAX 进行传输，这篇文章主要介绍了通过jsonp获取json数据（实现AJAX跨域请求），有兴趣的可以了解一下。2017-01-01
最新评论