gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 08:38:14 28 4
gpt4 key购买 nike

想澄清一下,我对 jquery 很陌生并且正在努力学习。

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

你能帮我一下吗?我哪里错了。

这是我的代码,

    <!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');

关于jquery - 使用 Filter 方法未获取所需元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50827932/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com