JQuery中如何查找某种类型的所有元素&选择器
2015-07-25 12:47
716 查看
更多的是,有关于选择器的内容。
背景:查找某控件中所有的input元素,代码如下:
上面的JQuery代码,是查找id为div1的div元素下所有的input元素,并弹出每个元素的value值。
再比如说,查找包含当前元素的父元素中所有的input元素,如存在一下html代码:
当点击btn3元素时,遍历div中所有的input元素,代码如下:
注意,fun3方法中参数的传递。
再比如说,选择所有包含文本“点击”的p元素,代码如下:
如何获取某指定元素的数值,代码如下:
注意不是$("#txt1").val,应该是调用指定元素的val方法,获取当前元素的value值。
背景:查找某控件中所有的input元素,代码如下:
$("#div1").find("input").each(function () { alert($(this).attr("value")); });
上面的JQuery代码,是查找id为div1的div元素下所有的input元素,并弹出每个元素的value值。
再比如说,查找包含当前元素的父元素中所有的input元素,如存在一下html代码:
<div id="div1"> <input type="button" value="点击我" id="btn1" onclick="fun1($(this))"/> <button type="submit" id="btn2">点我</button> <input type="button" value="点击我" id="btn3" onclick="fun3($(this))"/> <a href="http://www.baidu.com">打开Test3</a> <p id="p1"></p> </div>
当点击btn3元素时,遍历div中所有的input元素,代码如下:
function fun3($obj) { $obj.parent().find("input").each(function () { alert($(this).attr("value")); }); }
注意,fun3方法中参数的传递。
再比如说,选择所有包含文本“点击”的p元素,代码如下:
$("p:contains('点击')").each(function () { $(this).css("background-color", "red"); });
如何获取某指定元素的数值,代码如下:
$("#txt1").val()
注意不是$("#txt1").val,应该是调用指定元素的val方法,获取当前元素的value值。
相关文章推荐
- jquery的ajax同步和异步
- JQuery基础attribute
- 增加支付编辑功能
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)
- 2015-07-21 JQuery 第一课(JQ选择器:ID,类,特殊,奇偶ODD\event,eq,nth-child,子元素,包含,位置,属性,过滤)
- JQuery如何监听DIV内容变化
- jQuery.noConflict() 解决冲突 原理深入
- jQuery菜单插件用法实例
- jquery获取父窗口的元素 ;打开一个窗口的方式
- jquery animate 中的+= 或者-=
- jQuery 2.x 不支持IE9以下的IE浏览器
- 每天一个小知识点12(jQueryMobile总结三)
- jQuery基础整理+实例
- Jquery ajax异步提交
- jQuery静态方法globalEval使用和源码分析
- 基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
- HTML5+CSS3+JQuery打造自定义视频播放器
- !function($){}(window.jQuery) 是什么意思
- Jquery text() 和html使用
- jquery的jsonp的使用