JS:在Bootstrap折叠上更改div中的图标？

在Bootstrap折叠组件中更改div中的图标，可以通过修改折叠组件的相关类来实现。具体步骤如下：

1. 在HTML文件中，找到需要更改图标的div元素，给它添加一个唯一的id属性，例如<div id="myDiv">...</div>。
2. 在JavaScript文件中，使用jQuery或纯JavaScript来选中该div元素，并根据折叠状态来修改图标。

• 使用jQuery的方法：$(document).ready(function() { $('#myDiv').on('hidden.bs.collapse', function() { $(this).find('.glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus'); }); $('#myDiv').on('shown.bs.collapse', function() { $(this).find('.glyphicon').removeClass('glyphicon-plus').addClass('glyphicon-minus'); }); });这段代码会在折叠组件隐藏和展开时分别移除原有的glyphicon-minus或glyphicon-plus类，并添加对应的类来改变图标。
• 使用纯JavaScript的方法：document.addEventListener('DOMContentLoaded', function() { var myDiv = document.getElementById('myDiv'); myDiv.addEventListener('hidden.bs.collapse', function() { var icon = myDiv.querySelector('.glyphicon'); icon.classList.remove('glyphicon-minus'); icon.classList.add('glyphicon-plus'); }); myDiv.addEventListener('shown.bs.collapse', function() { var icon = myDiv.querySelector('.glyphicon'); icon.classList.remove('glyphicon-plus'); icon.classList.add('glyphicon-minus'); }); });这段代码会在折叠组件隐藏和展开时找到对应的图标元素，通过修改其classList来改变图标。

1. 在CSS文件中，根据需要自定义图标的样式。可以使用Bootstrap提供的图标类，也可以使用其他自定义的图标库。

以上是在Bootstrap折叠组件中更改div中图标的方法。如果你想了解更多关于Bootstrap折叠组件的信息，可以参考腾讯云的相关产品文档：Bootstrap折叠组件。