Javascript 获取具有特定类的div的id

这是我的网站页面的一部分：

我想通过按下按钮清除当前活动选项卡上的表单信息

每个选项卡都有一个唯一的id，就像它们的表单一样，但是只有当前活动的选项卡才会被分配“活动”类

            <div class="tab-content">
                <div id="general" class="tab active">
                    <form id="generalForm">
                      <div id="tabTableContainer">
                        <table style="width:60%">
                          <tr>

---

我想知道如何检测哪个div具有“active”类，然后获取div id，这样我就可以知道要重置哪个表单

因为您使用的是jQuery，所以可以选择div元素，然后选择一个具有活动类的元素，如下所示：

var thisID = $('div.active').attr('id')

假设页面上只有一个活动类为的div，这将准确地获取特定ID。如果有多个，可能需要执行某种循环。

检查

因此，我将您的函数

resetTab

更改为：

function resetTab() {
    jQuery(".tabs div.active form")[0].reset();
}

选择器在

.tabs

div内的其他选项卡中查找类为活动的

div

。然后在活动选项卡（div）内查找

表单。
[0]
表示它正在使用返回集合的第一个元素（如果找不到表单，则可能需要放置一个
）并应用于它

我认为您可以尝试通过
jQuery（“.tabs表单”）
循环，并将
reset（）
应用于all，以执行clearAll函数，但我没有尝试

注意：我已将您的小提琴脚本设置更改为“wrap in”而不是“onLoad”，否则您的代码将无法工作。
您可以使用基本函数获取元素的id

document.getElementsByClassName('active')[0].id

如果您使用jQueryFunderful，您可以尝试
$（'.active'）.attr（'id'）
来获取
active
类的id。谢谢：）我也有嵌套的选项卡，我是jQuery新手，我假设我可以简单地检查哪个主选项卡处于活动状态，那么，对于活动子选项卡是否具有此重置功能？@Tom问题是：有多少选项卡具有
.active
类？只有嵌套的一个，还是父级也有？