javascript - 获取具有特定类的 div 的 id

Question

这是我的网站页面的 fiddle :https://jsfiddle.net/e1bhwvj8/1/

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

每个选项卡都有一个唯一的 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，这样我就可以知道要重置哪个表单。

Answer 1

检查 this updated fiddle 。

所以我将你的函数 resetTab 更改为:

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

选择器在 .tabs div 内的其他选项卡中查找类为 active 的 div。然后在事件选项卡(div)内找到表单。 [0] 表示它正在使用返回集合的第一个元素(您可能需要放置一个 if 以防找不到表单)并将 reset() 应用于它。

我认为您可以尝试循环遍历 jQuery(".tabs form") 并对所有内容应用 reset() 来执行 clearAll功能，但我没有尝试过。

^{注意:我已将您的 fiddle 脚本设置更改为“wrap in < head >”而不是“onLoad”，否则您的代码将永远无法工作。}