cari

Rumah >hujung hadapan web >tutorial js >jquery :hidden选择器选中<select>标签的详解

jquery :hidden选择器选中<select>标签的详解

黄舟
黄舟asal
2017-06-23 11:49:491892semak imbas

jquery的：hidden选择器为什么会选中221f08282418e2996498697df914ce4e标签

<html> 
<head>
<title>forth.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../jquery.min.js">
</script>
</head> 
<body>
<form action="#" id="form1">
   <select>
     <option>Option</option>
   </select>
   <input type="hidden"/><div style="display:none">test</div>
 </form>
 </body> 
 <script type="text/javascript">
 alert($("#form1 :hidden").length);
 </script>
</html>

为什么结果是3，而不是2呢？谢谢。

console.log($("#form1 :hidden"))一下就知道了。选中的不是221f08282418e2996498697df914ce4e，是里面的5a07473c87748fb1bf73f23d45547ab8：

[option, input, div]

改为用$("#form1 > :hidden")来选择就好了，这样就只会选择表单下的直接子元素，因此不会选择option

select没有结束标签？

因为你选的是隐藏的标签，而option就是隐藏的标签。。select没有隐藏所以不会选中，

Atas ialah kandungan terperinci jquery :hidden选择器选中<select>标签的详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery选择器:hidden和[type=hidden]两者之间的区别Artikel seterusnya：jQuery :visible选择器的使用方法介绍

Artikel berkaitan

Lihat lagi