想澄清一下,我对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] 删除。
我来说两句