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 相关文章推荐
Javascript实现的分页函数
Feb 07 Javascript
JavaScript入门教程(11) js事件处理
Jan 31 Javascript
jquery插件jbox使用iframe关闭问题
Feb 09 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
Dec 11 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
vue计算属性computed的使用方法示例
Mar 13 Javascript
vue使用showdown并实现代码区域高亮的示例代码
Oct 17 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
如何使用 vue-cli 创建模板项目
Nov 19 Vue.js
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统计字符串中中英文字符的个数
2013/06/23 PHP
PHP实现更新中间关联表数据的两种方法
2014/09/01 PHP
php利用scws实现mysql全文搜索功能的方法
2014/12/25 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
js星星评分效果
2014/07/24 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
2014/09/04 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
Javascript 实现全屏滚动实例代码
2016/12/31 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
微信小程序实现打卡日历功能
2020/09/21 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
vue3中轻松实现switch功能组件的全过程
2021/01/07 Vue.js
利用Fn.py库在Python中进行函数式编程
2015/04/22 Python
python回调函数用法实例分析
2015/05/09 Python
python实现的简单FTP上传下载文件实例
2015/06/30 Python
TensorFlow平台下Python实现神经网络
2018/03/10 Python
python实现将json多行数据传入到mysql中使用
2019/12/31 Python
Python collections.deque双边队列原理详解
2020/10/05 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
法律专业实习鉴定
2013/12/22 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
管事部库房保管员岗位职责
2014/02/21 职场文书
校长师德表现自我评价
2015/03/05 职场文书
自荐信模板大全
2015/03/27 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
解除合同协议书范本
2016/03/21 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python