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

更多的是,有关于选择器的内容。

背景:查找某控件中所有的input元素,代码如下:

1         $("#div1").find("input").each(function () {
2             alert($(this).attr("value"));
3         });

上面的JQuery代码,是查找id为div1的div元素下所有的input元素,并弹出每个元素的value值。

再比如说,查找包含当前元素的父元素中所有的input元素,如存在一下html代码:

1     <div id="div1">
2         <input type="button" value="点击我" id="btn1" onclick="fun1($(this))"/>
3         <button type="submit" id="btn2">点我</button>
4         <input type="button" value="点击我" id="btn3" onclick="fun3($(this))"/>
5         <a href="http://www.baidu.com">打开Test3</a>
6         <p id="p1"></p>
7     </div>

当点击btn3元素时,遍历div中所有的input元素,代码如下:

    function fun3($obj) {
        $obj.parent().find("input").each(function () {
            alert($(this).attr("value"));
        });
    }

注意,fun3方法中参数的传递。

再比如说,选择所有包含文本“点击”的p元素,代码如下:

1         $("p:contains('点击')").each(function () {
2             $(this).css("background-color", "red");
3         });

 如何获取某指定元素的数值,代码如下:

$("#txt1").val()

注意不是$("#txt1").val,应该是调用指定元素的val方法,获取当前元素的value值。

posted @ 2015-07-25 12:47  SharpL  阅读(3860)  评论(0编辑  收藏  举报