使用Filter方法未获取所需元素

Dipti C

想澄清一下,我对jquery并尝试学习非常陌生。

我正在尝试使用过滤器方法查找类名称为“ external”的“ form”中存在的所有“ input”元素。但是我得到的答案是0元素,而我确实在form元素下有外部类的五个输入元素。

你能帮我么。我要去哪里错了。

这是我的代码,

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <script type="text/javascript"      src="../jquery/jquery-3.3.1.min.js"></script>

        <link rel="stylesheet" type="text/css" href="../css/style.css" />
        <script>
            $(document).ready(function () {

                var para1 = $("input", $("form"));

//getting answer as 9 input elements
                console.log("pag contains", para1.length, "input elements");

//getting answer as 0 external elements while I am expecting answer as 5 
                alert(para1.filter(".external").length + ' external elements'); 

            });
        </script>

        <title></title>
    </head>
    <body>

        <form class="external">
            <input name="" type="checkbox" />
            <input name="" type="radio" />
            <input name="" type="text" />
            <input name="" type="button" />
            <input name="" type="button" />
        </form>

        <form>
            <input name="" type="checkbox" />
            <input name="" type="radio" />
            <input name="" type="text" />
            <input name="" type="button" />
        </form>


        <input name="" type="checkbox" />
        <input name="" type="radio" />
        <input name="" type="text" />
        <input name="" type="button" />


        <a href="#" class="external">link</a> 
        <a href="#" class="external">link</a> 
        <a href="#"></a> <a href="#" class="external">link</a> 
        <a href="#" class="external">link</a> 
        <a href="#"></a>




    </body>
    </html>

<!-- end snippet -->
何塞·卡洛斯·拉米雷斯·巴斯克斯

filter 可以直接在输入元素中工作,它们都没有外部类(窗体有外部类),因此请尝试添加:

var para2 = $("input", $("form.external"));

alert(para2.length + ' external elements'); 

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Laravel:未获取所需数据

使用Wordnet Synset的定义方法未获得所需的输出

MySQL CURSOR 未获取所需的行

如何使用 filter 方法从 JavaScript 数组中获取某些元素?

Jsoup select未获取所有元素

使用Python列表时未获得所需的输出

获取我使用 .filter 选择的元素的索引

使用available()时未获取全部数据

使用 useselector 的给定代码未获取数据

父元素未获取子函数调用参数

喜not未获取媒体:缩略图元素

如何从Perl的xml中获取所需的元素?

在不等行长的numpy数组中获取所需的元素,而无需使用for循环

元素属性范围查询获取结果,但元素属性值查询未获取任何结果

熊猫:使用嵌套的for循环填充空列时未获得所需的输出

post方法未获取有效载荷对象

WCF中的WCF服务引用未获取正确的方法类型

Laravel路线模型绑定:destroy方法未获取必要的信息

使用mockito监视数组元素会返回所需的,但在调用方法时不会被调用

如何找到在Python中使用Selenium定位所需元素的正确方法?

在C中使用指针时未获取变量的指定值

使用 FormData 时未获取文件数据

如果使用注射,则PlaySpec测试类未获取

使用CURL找不到文件POST未获取

使用npm模块同步请求未获取GITHUB API的数据

使用POSTMAN发布数据后未获取数据

使用NFS支持构建内核,但未获取/ dev / nfs

使用phpmailer发送邮件时未获取CSS

使用CodeIgniter上传库时未获取文件名