Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery.length的意外div计数_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquery.length的意外div计数

Javascript jquery.length的意外div计数,javascript,jquery,html,Javascript,Jquery,Html,我正在创建一个组合框,如下所示 在下面的jquery函数中,我想检查并比较组合框中有多少行。每个组合框中有多少行,以及已经选择了多少行。每个组合框中有多少行。复选框选中了复选/取消选中功能。但是当我尝试打印两个div的.length时,它总是显示大的数字。combobox-each.length结果是14,尽管div只有10。另外,当我尝试打印.combobox each.checkbox-checked.length时,每次我选中该复选框时,结果是32,这与实际选中的行数相差太远 也许我错过了

我正在创建一个组合框,如下所示

在下面的jquery函数中,我想检查并比较组合框中有多少行。每个组合框中有多少行,以及已经选择了多少行。每个组合框中有多少行。复选框选中了复选/取消选中功能。但是当我尝试打印两个div的.length时,它总是显示大的数字。combobox-each.length结果是14,尽管div只有10。另外,当我尝试打印.combobox each.checkbox-checked.length时,每次我选中该复选框时,结果是32,这与实际选中的行数相差太远

也许我错过了什么,我不知道。有人有主意吗

此外,如果有人能告诉我如何更好地使用check/uncheck功能,我将不胜感激

$function{ $choices.onkeyup,函数{ $.choices-list.show; var query=this.value; $.combobox-value.eachfunction i,元素{ 如果$this.text.toLowerCase.indexOfquery.toLowerCase!=-1{ $this.show; $this.parent.show; } 否则{ $this.hide; $this.parent.hide; } }; var numOfVisibleChoices=$.combobox值。父项:visible.length; 如果numOfVisibleChoices!=0{ $.choices-list.show; } 否则{ $.choices-list.hide; } }; }; var countChecked=0; var allCombo=.combobox-each.length; console.logallCombo; $.combobox-select.clickfunction{ 如果$.combobox each.checkbox-checked.length==0{ $.choices list.checkbox.addClasscheckbox-checkbox; $.choices list.checkbox i.addClasssymbol-checked; $this.text取消选中全部; } 否则{ $.choices list.checkbox.removeClasscheckbox-checkbox; $.choices list.checkbox i.removeclassssymbol-checked; $this.textCheck All; } }; $.combobox-each.clickfunction{ $this.find.checkbox.toggleClasscheckbox-checked; $this.find.checkbox i.toggleClasssymbol-checked; countChecked=.combobox each.checkbox-checked.length; $.combobox-label.textCategorized Choices+countChecked+/+allCombo+; 如果countChecked==allCombo{ $.combobox-select.text取消选中全部; } 否则{ $.combobox-select.text全部选中; } }; .表格{ 边缘底部:40px; 保证金:0自动; 宽度:768px; 字体系列:“开放式Sans”,无衬线; } h1{ 字体大小:13px; 文本转换:大写; 颜色:0099ff; 边缘底部:24px; } .输入文本{ 高度:34px; 边框:实心1px C4C4; 宽度:364px; 字体大小:13px; 填充:0 12px; 边缘底部:24px; 颜色:333; 背景色:fff; 边界半径:0; } ::占位符{ 颜色:C4C4; } .表格输入标签{ 显示:块; 字体大小:12px; 字号:700; 边缘底部:8px; 颜色:333; } .输入被禁用{ 背景色:eee; } .表格单位{ 位置:相对位置; } .输入选择btn{ 宽度:34px; 高度:34px; 位置:绝对位置; 顶部:25px; 左:330px; 文本对齐:居中; 线高:32px; } .关于禁用的btn{ 边框:实心1px C4C4; 背景色:fff; } .输入选择btn i{ 字体大小:12px; 颜色:333; } .表格行{ 显示:块; 宽度:100%; 边距:0!重要; } .表格分开{ 显示:内联块; } .表格左分{ 右边距:32px; } .日期选择器日历{ 位置:绝对位置; } .选择2个选项{ 高度:34px!重要; 字体大小:13px; 字体系列:“开放式Sans”,无衬线; 边界半径:0!重要; 边框:实心1pxC4C4!重要; } .选择2选择:悬停, .选择2选择:焦点, .选择2选择:活动{ 盒影:透明!重要; } .选择2-results\u选项li{ 显示:块; } 选择{ 页边距底部:0; } .选择列表{ 边框:实心1px C4C4; 填充顶部:18px; 高度:196px; 溢出:滚动; 转换:translateY-1px; } .选项列表输入{ 位置:相对位置; 不透明度:0; } .选项列表.复选框{ 利润率:0.16px 0.8px; 显示:内联块; 宽度:18px; 高度:18px; } .选项列表.复选框i{ 显示:无; 左边距:1px; 转换:translateY-1px; } .符号已选中{ 显示:内联块!重要; } .复选框已选中{ 边框:实心1px 00c983; 边缘顶部:2倍; } .组合框值{ 显示:内联块; 垂直对齐:顶部; 字体大小:400; } .每个组合框{ 显示:块; 边缘底部:8px; } .组合框标签行{ 显示:块; } .组合框标签, .组合框选择{ 显示:内联块; 宽度:49.5%; } .组合框选择{ 文本对齐:右对齐; 字号:700; 字体大小:12px; 颜色:00c983; 光标:指针; } .组合框选择:悬停{ 颜色:00c983; 文字装饰:无; } 分类选择0/4 全部检查 选择ABC 选择BCD 选择定义 选择GHI 赵 ice IJK 选择UVW 选择XYZ 选择123 选择345 选择789 .combobox-each.length;缺少前面的$使其成为jQuery操作。正如您所看到的,它只是一个括号中的字符串。这根绳子的长度是14。同样的问题也适用于.combobox each.checkbox-checked.length

确保在执行jQuery选择器时不要忘记使用$


别忘了打勾@塔普拉我想他指的是把这个作为答案的OP
var allCombo = $(".combobox-each").length;
$(".combobox-each .checkbox-checked").length;