jQuery contains过滤器实现精确匹配使用方法


Posted in Javascript onApril 12, 2013
<!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。

Javascript 相关文章推荐
slice函数的用法 之不错的应用
Dec 29 Javascript
location.search在客户端获取Url参数的方法
Jun 08 Javascript
jQuery动画效果图片轮播特效
Jan 12 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
AngularJS入门教程之链接与图片模板详解
Aug 19 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
AngularJS服务service用法总结
Dec 13 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
js数组与字符串常用方法总结
Jan 13 Javascript
Bootstrap媒体对象学习使用
Mar 07 Javascript
使用Vue自定义指令实现Select组件
May 24 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 #Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 #Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 #Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
Apr 12 #Javascript
深入理解JavaScript 闭包究竟是什么
Apr 12 #Javascript
关于JavaScript中string 的replace
Apr 12 #Javascript
关于JavaScript与HTML的交互事件
Apr 12 #Javascript
You might like
PHP.MVC的模板标签系统(二)
2006/09/05 PHP
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
PHP在线书签系统分享
2016/01/04 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
javascript函数定义的几种区别小结
2014/01/06 Javascript
基于NodeJS的前后端分离的思考与实践(二)模版探索
2014/09/26 NodeJs
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
js 中获取制定的cook信息实现方法
2016/11/19 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
使用vue如何构建一个自动建站项目
2018/02/05 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
Python中处理时间的几种方法小结
2015/04/09 Python
Python实现将HTML转换成doc格式文件的方法示例
2017/11/20 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
django框架auth模块用法实例详解
2019/12/10 Python
使用python计算三角形的斜边例子
2020/04/15 Python
详解Selenium 元素定位和WebDriver常用方法
2020/12/04 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
菲律宾最大的网上花店和礼品店:PhilFlower.com
2018/02/09 全球购物
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
应届生幼儿园求职信
2013/11/12 职场文书
团支书竞选演讲稿
2014/04/28 职场文书
电台编导求职信
2014/05/06 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
linux下安装redis图文详细步骤
2021/12/04 Redis
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS