jquery - 如何使用jquery将折叠类动态添加到同一类的多个div
问题描述
我有一个包含多个相同类 div 的页面,我想为所有 div 动态添加折叠类。
我的 html :
<div class="section-title"></div>
<div class="section-text"></div>
<div class="section-title"></div>
<div class="section-text"></div>
<div class="section-title"></div>
<div class="section-text"></div>
我的jQuery:
var numItems = $('.section-title').length;
var i;
for(i='0';i<numItems;i++) {
$(".section-title ").attr("data-toggle", "collapse");
$(".section-title ").attr("data-target", "#collapseOne"+i);
$(".section-text ").attr("data-toggle", "collapse");
$(".section-text").attr("id", "collapseOne"+i);
}
但这不起作用,因为我想为 div 附加 collpaseOne1、collpaseOne2、collpaseOne3 类,但它正在为所有 div 附加 collpaseOne3。
解决方案
那是因为您每次都针对所有一个,需要单独执行该操作
$(".section-title").each(function(i, element){
$(this).attr({
"data-toggle": "collapse",
"data-target": "#collapseOne"+i
})
});
$(".section-text").each(function(i, element){
$(this).attr({
"data-toggle": "collapse",
"id": "collapseOne"+i
})
});
推荐阅读
- apache-kafka - 带有 apache-kafka-binder 的 Spring-cloud-stream 功能模型
- python - 我可以从 python 中的 while 循环开始并行进程吗?
- numbers - 以编程方式将数字处理成单词形式
- python - 向自己发送消息时出现 channel_not_found 错误
- xamarin - 下载文件后,Xamarin 在通知栏中显示通知
- html - 如果 angular6 中的语句
- javascript - STL 加载和不正确的世界矩阵访问
- django - Django/Heroku 推送新版本后,某些模板不会更新
- python - Python通过更改url编号进入新页面
- android - Flutter - 从 Firebase 存储中获取所有图像