您的位置:首页 > Web前端 > JQuery

JQuery中如何查找某种类型的所有元素&选择器

2015-07-25 12:47 716 查看
更多的是,有关于选择器的内容。

背景:查找某控件中所有的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值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: