zoukankan      html  css  js  c++  java
  • 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值。

  • 相关阅读:
    图片灰度化,并且resize图片
    C语言学习笔记
    路飞学城14天集训营作业2—三级菜单
    路飞学城14天集训营作业4—员工信息表
    路飞学城14天集训营作业3—购物车
    路飞学城14天集训营作业1—登陆认证
    js钩子函数
    APP2.0后台控件API
    KindEditor 插件API使用说明
    TreeView插件 API
  • 原文地址:https://www.cnblogs.com/SharpL/p/4675688.html
Copyright © 2011-2022 走看看