jquery 获取相同id元素个数
做了个项目,有个多节点元素复制的功能,复制出来的元素id肯定是相同的,生成效果如下侧代码,现在需要获取id为conf的元素数量,这里列了3个方式。
HTML
<div id='conf' class="conf"><!-- 其他代码 -->
</div>
<div id='conf' class="conf"><!-- 其他代码 -->
</div>
<div id='conf' class="conf"><!-- 其他代码 -->
</div>
JS
需要先引用jquery.js文件
1.通过id获取length
var confCount = $('[id=conf]').length;//conf为元素id值
alert(confCount);
2.通过class获取
var confCount = $('.conf').length;//conf为元素class值
alert(confCount);
3.取到所有节点,循环累计
var confCount = 0;
$("div [id=conf]").each(function(){ confCount++;
});
alert(confCount);
jquery 获取相同id元素个数相关推荐
- jquery获取相同ID元素
原则上一个html页面上不应该存在多个相同id的元素. 若编写过程不可避免产生了此种情况,在利用jQuery时无法用$()获取所以相同id的元素值, 假使使用$().each()也同样无法获取所有相同 ...
- jQuery获取和设置元素
本篇文章聊聊如何使用jQuery获取和设置元素内容与值. 一.获取和设置元素内容 在 jQuery 中,操作元素内容的方法包括 html() 和 text().前者与 JavaScript 中的 in ...
- Jquery获取不到元素
Jquery获取不到元素 最近在做需求时,需要获取一个div的id对该div包裹的画面进行删除. var deleteCharts = "combinationdeleteId"+ ...
- jQuery获取或设置元素的宽度和高度
jQuery获取或设置元素的宽度和高度: 可使用以下3种方法: 1,jQuery width() 和 height() 方法: 2,innerWidth() 和 innerHeight() 方法: 3 ...
- jQuery获取或设置元素的属性值
jQuery获取或设置元素的属性值 获取元素属性值 固有属性($('div).prop('color')) 自定义属性($('div).attr('index')) //html代码<a hre ...
- 使用jquery获取指定id下面的div元素个数
使用js获取指定id下面的div元素个数 html代码 js代码 html代码 <div id="question" > <div class="div ...
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!...
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页 ...
- jquery获取父级元素和子级元素
<script type="text/javascript">function show(x){var y=$(x);//转换成jquery对象//查找父元素alert ...
- jquery获取第一个子元素
如获取id为divId的div下的第一个子div 1 $("#divId").children("div").get(0) 但得到的是一个dom对象,如果要得到 ...
最新文章
- 管理Vim插件的插件——Vundle
- win2003禁止web等目录执行exe,bat,com的方法
- Spring Validation验证框架参数验证 @Validated 和 @Valid 的区别
- vue - blog开发学习6
- flex中自定义皮肤的按钮制作
- Luogu3732 [HAOI2017] 供给侧改革 【后缀数组】【线段树】【乱搞】
- Cloud Connector的普通版本和Portable版本的区别
- HighCharts: 设置时间图x轴的宽度
- mysql 导入导出脚本_MySQL导入和导出sql脚本
- fopen无法创建文件_Linux中一切皆文件,除了网卡
- Python运行时报错 ModuleNotFoundError: No module named ‘exceptions‘
- autoflowchart软件使用步骤_c语言流程图生成器下载|
- 锐捷EG易网关与NBR路由器命令执行漏洞-2
- 读取本地文件assets内容
- 计算机端口怎么配置波特率,怎么查看车载导航端口号、波特率和取码方式?
- VUE-Cli报No Babel config file detected错误的一系列解决方法
- 企业为何需要网络拓扑软件?
- DeFCN debug记录(训练过程),以及对cvpods框架的分析
- html文字跳动特效,Javascrip实现文字跳动特效
- 最新单片机设计选题合集